https://github.com/vishant007/ecommerce_site_react

A Fully Fledged Responsive E-Commerce Website
https://github.com/vishant007/ecommerce_site_react

api css firebase jsx reactjs usecontext

Last synced: about 2 months ago
JSON representation

A Fully Fledged Responsive E-Commerce Website

• Host: GitHub
• URL: https://github.com/vishant007/ecommerce_site_react
• Owner: vishant007
• Created: 2023-08-25T06:19:34.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-27T19:44:48.000Z (over 1 year ago)
• Last Synced: 2024-04-27T00:28:12.297Z (9 months ago)
• Topics: api, css, firebase, jsx, reactjs, usecontext
• Language: JavaScript
• Homepage: https://ecommerce-snapstore-bice.vercel.app/
• Size: 7.53 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SnapStore: E-commerce Web App

SnapStore is a powerful E-commerce web application designed to provide users with a seamless online shopping experience. With a large array of products ranging from furniture to electronics, we've got everything you need for your household.

## Technology Stack

### Front-End:

1. React.js: The UI of application is built with React.js

2. User Authentication: Firebase

### APIs:

Data is displayed from the `src/components/AllData.js` file which serves as a basic API. Each product has attributes such as `id`, `category`, `img`, `description`, `price`, `otherImgs`, `specs`, `texture`, `weight`, and `size`.

## Logic Used

The logic of the website is straightforward and aimed at providing a user-friendly experience.

- AllData.js: It contains a comprehensive list of products that are displayed on the website. Every item in the `AllData.js` file has all necessary details that are used in various components to display product information.

- Responsive Design: The responsiveness of the site is handled by media queries in our CSS files to ensure optimal viewing on a wide range of devices.

- Header & Footer Components: The header and footer components appear on all pages for easy navigation and access to important links.

- Product Display: Product information is dynamically displayed based on item details provided in the `AllData.js` file. By architecture design, any changes or additions to the products can be managed in the `AllData.js` files.

- Index.html: The main HTML file is set up to root the React application and provides some basic application-wide setup.

## User Authentication

- User Authentication is done by adding firebase to React Project.

## Deployment

- Deployed through Vercel

## To run the project locally:

- Fork Repo

- Install NPM Modules

- Start the server

- Happy Hacking!!