https://github.com/abhishek-t99/shopnova_frontend_react
A modern eCommerce frontend built with React, Vite, and Bootstrap. Connects to a Django REST API for authentication, product browsing, cart management, and secure checkout with Stripe.
https://github.com/abhishek-t99/shopnova_frontend_react
api-integration authentication bootstrap cart checkout django-rest-framework ecommerce ecommerce-application ecommerce-site ecommerce-store ecommerce-website frontend javascript paypal react rest-api stripe vite
Last synced: 7 months ago
JSON representation
A modern eCommerce frontend built with React, Vite, and Bootstrap. Connects to a Django REST API for authentication, product browsing, cart management, and secure checkout with Stripe.
- Host: GitHub
- URL: https://github.com/abhishek-t99/shopnova_frontend_react
- Owner: abhishek-T99
- Created: 2025-02-25T19:06:36.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-13T11:33:22.000Z (7 months ago)
- Last Synced: 2025-03-13T12:32:19.502Z (7 months ago)
- Topics: api-integration, authentication, bootstrap, cart, checkout, django-rest-framework, ecommerce, ecommerce-application, ecommerce-site, ecommerce-store, ecommerce-website, frontend, javascript, paypal, react, rest-api, stripe, vite
- Language: JavaScript
- Homepage: https://shopnova.netlify.app/
- Size: 3.31 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/shopnova/deploys)
# ShopNova
This is an E-Commerce Application, built with **React (Vite)** and fully integrated with the Django API.
It provides a seamless shopping experience for **customers** and an interactive **dashboard** for vendors.
---
---
## Site URL:
```bash
https://shopnova.netlify.app/
```
---
## Features
### Authentication
- User **Login & Registration**
- **Forgot Password** with email reset link
- Secure authentication using JWT tokens
### Customer Features
- Browse **Product Listings** with search & filtering
- View **Product Details** with reviews & ratings
- **Add to Cart** and **Wishlist**
- **Checkout** and make payments via **Stripe & PayPal**
- Receive **Payment Receipt** via email or download it
- Manage **Account Details**
- View **Orders & Order Details**
- View & manage **Wishlist**
- View & mark **Notifications as Seen**
- **Logout** securely
### Vendor Features
- **Dashboard** with sales statistics & interactive charts
- **Manage Products**: Add, update, delete
- **View Orders** with order details
- **Track Earnings** from sales
- **Manage Customer Reviews** (view & reply)
- **Add/Remove Discount Coupons**
- **View Notifications** and mark as seen
- **Edit Shop Profile**
- **Logout** securely
---
## Tech Stack
- **React** (Vite)
- **Zustand** (State Management)
- **Bootstrap** (UI Styling)
- **FontAwesome** (Icons)
- **Stripe & PayPal** (Payments)
- **Netlify** (Deployment)
---
## Prerequisites
Before setting up the project, make sure you have the following installed on your system:
- Node.js (LTS Version)
- Yarn - The package manager for this project
- Git - Required for cloning the repository
---
## Environment Variables
To run this project, you need to set up the following environment variables. Create a `.env` file in the root directory and add the following:
`VITE_PAYPAL_CLIENT_ID=`
`VITE_SERVER_URL=`
`VITE_API_BASE_URL=`
---
## Setup Guide
Follow these steps to set up and run **ShopNova** locally.
## Step 1: Clone the Repository
First, clone the project from GitHub and navigate into the project directory.
```bash
git clone https://github.com/abhishek-T99/ecommerce_frontend.git
cd ecommerce_frontend
```
## Step 2: Set up environment variables
Create a `.env` file in the project root and add the environment variables listed in the Environment Variables section above
## Step 3: Install Dependencies
```bash
yarn install
```
## Step 4: Start the Development Server
```bash
yarn dev
```
## Step 5: Access ShopNova website
```bash
http://localhost:5000
```
---
## Contributing
I welcome contributions from the community! If you'd like to contribute to this project, please follow these steps:
1. **Fork the Repository**: Click the "Fork" button at the top right of this repository to create your own copy.
2. **Clone the Forked Repository**:
```bash
git clone https://github.com/abhishek-T99/ecommerce_frontend.git
cd ecommerce_frontend
```
3. **Create a New Branch**:
```bash
git checkout -b feature/YourFeatureName
```
4. **Make Your Changes**: Implement your feature or fix bugs. Ensure your code follows the project's coding standards.
5. **Commit Your Changes**:
```bash
git add .
git commit -m "feat: Your feature or fix description"
```
6. **Push to Your Branch**:
```bash
git push origin feature/YourFeatureName
```
7. **Open a Pull Request**:
- Go to the original repository on GitHub.
- Click on the **"Pull Requests"** tab.
- Click the **"New Pull Request"** button.
- Select your forked repository and the branch you created (`feature/YourFeatureName`).
- Add a detailed description of your changes
- Submit the pull request.
---
## TODO:
- [ ] Improve UI design using Tailwind or Material UI
- [ ] Implement dark mode for better user experience
- [ ] Add unit tests and integration tests
---