Thorlabs

Developed a reusable accordion component using Bootstrap that can be implemented across the website. Built with dynamic data handling through JSON, making it flexible for various content sections beyond just FAQs.

Created a dynamic timeline using SVG lines and allowed the user to add events to the timeline adjusting the SVG lines accordingly.

Used Figma to start a new design for the internal tool (Dont have the actual picture). Created a sleek design using Vue.js and Tailwind CSS. Allowed non-technical users to update the website. Saving the data to a SQL database and pulling it to the website using ColdFusion. Also creating documentation for the non-technical users on how to use the tool.

Created a filter component to filter through the events and images. Came up with the accordion to hide the past events. Used Bootstrap buttons and CSS to style the buttons and other components.

Created a simple bubble text component following the design team's mockups and specifications, implementing their visual design to display key points more engagingly.

Created a card component to display the information in a more engaging way. Following the guidelines of the design communicated by the design team.