https://github.com/imoamo/apna-store

A comprehensive Ecommerce application built with React and styled-components, featuring advanced sorting options by price, name, category, company, and color. Provides a dynamic and customizable shopping experience.
https://github.com/imoamo/apna-store

auth0 fromspree reactjs styled-components

Last synced: 7 days ago
JSON representation

A comprehensive Ecommerce application built with React and styled-components, featuring advanced sorting options by price, name, category, company, and color. Provides a dynamic and customizable shopping experience.

• Host: GitHub
• URL: https://github.com/imoamo/apna-store
• Owner: imoamo
• Created: 2024-03-13T17:26:44.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-03-15T18:18:49.000Z (8 months ago)
• Last Synced: 2024-11-08T05:13:15.953Z (7 days ago)
• Topics: auth0, fromspree, reactjs, styled-components
• Language: JavaScript
• Homepage: https://apna-ecommerce-store.netlify.app/
• Size: 616 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Ecommerce Project

Project Link: [Apna Ecommerce Store](https://apna-ecommerce-store.netlify.app/products)

This project is an Ecommerce application built with React and styled-components. It offers various functionalities such as sorting products by price (low to high or vice versa), sorting by name (A to Z or vice versa), category selection (Mobile, Laptop, Computer, Accessories, Watch), company selection (Apple, Samsung, Nokia, Rolex, etc.), and color selection.

The application consists of five main pages:

1. **Home**: Landing page showcasing featured products and promotions.

2. **About**: Information about the Ecommerce platform and its mission.

3. **Products**: Displaying all available products with filtering and sorting options.

4. **Cart**: View and manage items in the shopping cart.

5. **Login/Signup**: Authentication functionality provided by Auth0 for user registration and login.

## Screenshots of App

### Home Page

![Screenshot (104)](https://github.com/imoamo/React-Ecommerce-Project/assets/154124258/0a73f60d-16f2-4111-8a58-d7dfbf971c4c)

### Features Services

![Screenshot (105)](https://github.com/imoamo/React-Ecommerce-Project/assets/154124258/dea0455b-a7a6-4888-9289-3011fa3fe5c6)

### Product page

![Screenshot (106)](https://github.com/imoamo/React-Ecommerce-Project/assets/154124258/010a10f8-72a3-4976-9f8b-2baae364d5c7)

### Single Product page

![Screenshot (107)](https://github.com/imoamo/React-Ecommerce-Project/assets/154124258/28c42e93-0623-4d72-8a27-c94fb8869c3a)

### Cart Page

![Screenshot (108)](https://github.com/imoamo/React-Ecommerce-Project/assets/154124258/0f73c76e-645c-42ff-98df-d30e39cbe0ff)

## Getting Started

Follow these steps to set up the project on your local machine:

1. **Clone the project:**

    ```bash

    git clone https://github.com/imoamo/React-Ecommerce-Project.git

    ```

    Or download the zip file from the repository and extract it.

2. **Install dependencies:**

    ```bash

    npm install

    ```

3. **Run the development server with Vite:**

    ```bash

    npm run dev

    ```

## Technologies Used

- React

- styled-components

- Auth0 (for authentication)

- Formspree