Skip to content

Swatijha060/Urban-Styles

Repository files navigation

Urban Styles - E-Commerce Website

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.

Features

  • 📱 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.

Getting Started

Follow these instructions to set up the project on your local machine.

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone <repository-url>
    cd urban-styles
  2. Install dependencies: npm install

  3. Start the development server: npm run dev

Project Structure

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)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages