WearWay Ecommerce is a modern, scalable e-commerce website designed for a seamless shopping experience across Men, Women, and Kids categories. The platform features a clean UI, responsive design, and advanced product filtering to help customers easily browse and shop. It is built for easy expansion and future growth.
- 🛍️ Multi-category shopping (Men, Women, Kids)
- 👕 Wide range of fashion products
- 📱 Fully responsive design
- 🔎 Product filtering & sorting
- 🛒 Shopping cart & checkout
- 🔍 Search functionality
- ❤️ Wishlist / Favorites
- 🌗 Dark & light mode toggle
- ⚡ Dynamic UI effects
- 🧩 Scalable and maintainable codebase
Follow these steps to set up the project locally:
- Clone the repository
git clone https://github.com/WEARWAY2/Final_project
- Navigate to the project directory
cd Final_project - Install dependencies
npm install
- Start the development server
npm run dev
The app will be running at http://localhost:5173/
📦src
┣ 📂assets
┃ ┣ 📜Group (1).svg
┃ ┣ 📜Group.svg
┃ ┣ 📜gucci-logo-1 1.svg
┃ ┣ 📜hero.png
┃ ┣ 📜prada-logo-1 1.svg
┃ ┣ 📜react.svg
┃ ┗ 📜zara-logo-1 1.svg
┣ 📂component
┃ ┣ 📜BackToTop.css
┃ ┣ 📜BackToTop.jsx
┃ ┣ 📜footer.css
┃ ┣ 📜footer.jsx
┃ ┣ 📜header.css
┃ ┣ 📜header.jsx
┃ ┣ 📜Navbar.css
┃ ┣ 📜Navbar.jsx
┃ ┗ 📜ScrollToTop.jsx
┣ 📂config
┃ ┣ 📜productImages.js
┃ ┗ 📜products.js
┣ 📂context
┃ ┣ 📜CartContext.jsx
┃ ┗ 📜ThemeContext.jsx
┣ 📂pages
┃ ┣ 📜CategoryProducts.css
┃ ┣ 📜CategoryProducts.jsx
┃ ┣ 📜Checkout.css
┃ ┣ 📜Checkout.jsx
┃ ┣ 📜Home.css
┃ ┣ 📜Home.jsx
┃ ┣ 📜NotFound.css
┃ ┣ 📜NotFound.jsx
┃ ┣ 📜ProductDetails.css
┃ ┣ 📜ProductDetails.jsx
┃ ┣ 📜Shop.css
┃ ┗ 📜Shop.jsx
┣ 📜App.css
┣ 📜App.jsx
┣ 📜index.css
┗ 📜main.jsx