E-commerce Web Application using React JS and Firebase

Live Site

This is an Web Application which is an e-commerce site. This Frontend is built in React with help of context API and other React Hooks. In this build used Context API (useReducer, createContext) to get data directly from the app component to the needy component. Used material UI for some icons. And Used the flexbox for the CSS parts. We can also include the login with the firebase system.

Here's the feature's included in this project

• 🌐 FULL Ecommerce functionality which includes both back-end and front-end
• 👨‍👩‍👧‍👦 Login Page
• 📡 Realtime database in Firebase.
• 📦 Full responsive
• 📦 Products Page
• 🛒 Cart and Checkout Page
• 📝 Order History Page (Real time database)
• ❄ Awesome animations

Technology stack used:

ReactJs, Material UI, Context API, React-Courrency-Format, Firebase

Usage

To run the application locally; clone the repo, install dependencies and run the app.

$ git clone https://github.com/shubham0794x/web-shopping
$ cd web-shopping
$ npm && npm install

The app starts in development mode and opens a browser window on http://localhost:3000. The project rebuilds and the browser reloads automatically when source files are changed. Any build or runtime errors are propagated and displayed in the browser.

Setup:

• run npm i && npm start for both client and server side to start the development server