Full Stack Ecommerce Website

📝 Table of contents

• Features
• Screenshots
• Technologies
• About this Project
• Local Development
• License

✨ Features

• User Authentication using Firebase
• Order History for each user using Firestore Database
• Dynamic Rendering for individual product pages by passing props to with link in react-router-dom
• Payment processing using the Stripe API
• Server-Side Rendering using React
• Styled frontend using CSS gradients and keyframe animations

📸 Screenshots

Stripe:

Firestore database:

💻 Technologies

Back-end

• Node.js - Runtime environment for JS
• Firebase - User Authentication and Firestore Database
• Stripe - Online payment processing for internet businesses
• Axios - HTTP client for the browser and node.js

Front-end

• ReactJS - Frontend framework
• Owl Carousel - Responsive carousel slider
• JQuery - JS library for DOM traversal and manipulation

📙 About this Project

This is a full stack ecommerce website made using ReactJS. It has features like User Authentication, Order History, Payment Processing provided using Firebase, Firestore database and Stripe.

🚀 Local Development

⚙️ Installation

1. Clone the react-ecommerce-website repository:

git clone https://github.com/khushl21/react-ecommerce-website

2. Change to the project directory:

cd react-ecommerce-website

3. Install the dependencies:

npm install

🤖 Running react-ecommerce-website

Use the following command to run react-ecommerce-website on localhost:

npm start

To use the firebase emulators:

firebase emulators:start

⚖️ License

None