CAR •
DIAGNOSTICS
I developed the frontend for a car diagnostics website. This project involved building the
user
interface, crafting a visually appealing design, and ensuring smooth interaction
using HTML, CSS,
and JavaScript. I focused on creating a user-friendly experience that allows users to
easily
navigate the website, access diagnostic tools, and find relevant information about car
maintenance.
This project provided me with valuable hands-on experience in frontend development, allowing
me to
apply my skills in creating a real-world application that caters to a specific audience.
ROLE
- FRONTEND DEVELOPER
- UX/UI DESIGNER
TOOLS
- FIGMA
- VISUAL STUDIO
TIME SPAN
- YEAR 2023
- 1 WEEK
Journey of This Project
For this car diagnostics website project, I built the interactive and visual aspects using a combination of essential web development tools. The foundation included HTML for structuring the content, CSS for defining the visual style, and JavaScript for enabling interactive functionalities. This allowed me to create a user-friendly interface that facilitates navigation between different sections and offers easy access to diagnostic tools.
To elevate the user experience and create a visually engaging website, I also leveraged several powerful libraries: GSAP, Locomotive, and Shary.js. GSAP (GreenSock Animation Platform) provided a comprehensive suite of animation tools, enabling me to add smooth and dynamic transitions, making the website feel more interactive and engaging. Locomotive, a scroll-based animation library, allowed me to create unique and captivating scrolling experiences, further enhancing user engagement. Finally, Shary.js provided mousefollower and some other things too. By combining these libraries with my core front-end development skills, I was able to create a car diagnostics website that is both informative and enjoyable to use.
