Urban Styles is a modern, responsive e-commerce website built with React. This project offers users an intuitive shopping experience for clothing and fashion-related products, including search functionality, cart management, and user authentication.
- 📱 Responsive Design: Works seamlessly on both desktop and mobile devices.
- 🔍 Search Functionality: Allows users to search for products quickly.
- 🛒 Cart Management: Users can add/remove items from the shopping cart.
- 🧑💻 User Authentication: Login and profile features for managing orders.
- 📦 Product Collections: Organized categories of products.
- 🌐 Dynamic Routing: Each product and page has its own route.
Follow these instructions to set up the project on your local machine.
- Node.js (v14 or higher)
- npm or yarn
-
Clone the repository:
git clone <repository-url> cd urban-styles
-
Install dependencies: npm install
-
Start the development server: npm run dev
urban-styles/
├── public/ # Public files like favicon, index.html
├── src/ # Main application code
│ ├── assets/ # Images, icons, and assets
│ ├── components/ # Reusable components (Navbar, Footer, etc.)
│ ├── context/ # Context API setup (ShopContext)
│ ├── pages/ # Pages like Home, Collection, Contact, etc.
│ ├── App.js # Main component
│ ├── main.jsx # React DOM render
│ └── ... # Other configs and files
├── package.json # Project metadata and dependencies
├── postcss.config.js # PostCSS configuration
├── tailwind.config.js # Tailwind CSS configuration
└── README.md # Project documentation (this file)