AP Version

Overview

AP Version is a freelance project designed and developed for the paint industry, delivering a modern and dynamic website experience. The site features a custom-designed landing page, a detailed product catalog, and a blogs section, all crafted with a responsive UI supporting both light and dark modes. Built with Vite and React, this project showcases my skills in front-end development, UI design, and performance optimization.

Features

• Landing Page: Custom responsive design with interactive animations and light/dark mode toggle.
• Product Section: Comprehensive catalog displaying various paint products with detailed views.
• Blogs Section: Dynamic blog content highlighting industry trends and updates.
• Dark Mode/Light Mode: Seamless theme switching for enhanced user experience.
• Animations: Smooth scroll-based animations using AOS (Animate On Scroll).

Technology Used

• Vite: Fast build tool for optimized development and production.
• React: Core framework for building interactive UI components.
• TypeScript: Static typing for robust and maintainable code.
• Tailwind CSS: Utility-first CSS framework for rapid, responsive styling.
• Radix UI: Accessible, unstyled components for custom UI development.
• Axios: HTTP client for fetching blog and product data.
• AOS: Animate On Scroll library for dynamic scroll animations.

Design Screens