Stylique – Modern E-Commerce UI using React, Tailwind CSS & Context API (Project Showcase)
In this project, I aimed to create a seamless online shopping experience with clean UI, efficient state management, and dynamic routing – everything you'd expect from a production-ready frontend.
Key Features:
🔹Beautiful, responsive design built with Tailwind CSS
🔹Dynamic product listing and details using React Router
🔹Add to Cart & Wishlist functionality using Context API
🔹Persistent state with Local Storage
🔹Product pagination and detailed views
🔹Smooth scroll to top on route change
🔹Wishlist management with toggling functionality
🔹Clean, modular, and reusable components
Tech Stack:
🔹React.js
🔹Tailwind CSS
🔹React Router
🔹Context API
🔹FakeStoreAPI (for mock data)
🔹Axios
🔹React Icons
Project Goal:
To practice building a real-world, scalable e-commerce front end while focusing on reusable components, optimized state sharing using Context API, and smooth user interactions.
🔗 GitHub Repo: https://github.com/Maryam-Amir00/Stylique_...
🌐 Live Demo: https://styliquee.netlify.app/
#ReactJS #EcommerceWebsite #FrontendDevelopment #Stylique #TailwindCSS #WebDevelopment #ContextAPI