https://github.com/rafin31/autopartsclient
A fullstack application from where users can place order and pay online using stripe payment. It has an admin panel as well. Admin can add users and manage products. Also admin can see orders and payment status.
https://github.com/rafin31/autopartsclient
axios axios-interceptor context-api express-js firebase-auth javascript jwt-authentication jwt-token mailchimp-api mongodb node-js reacthookform reactjs reactquery restful-api stripe-payments tailwind-css
Last synced: 3 months ago
JSON representation
A fullstack application from where users can place order and pay online using stripe payment. It has an admin panel as well. Admin can add users and manage products. Also admin can see orders and payment status.
- Host: GitHub
- URL: https://github.com/rafin31/autopartsclient
- Owner: Rafin31
- Created: 2022-05-31T14:29:03.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-01-12T17:01:52.000Z (over 3 years ago)
- Last Synced: 2024-03-24T14:41:22.689Z (over 2 years ago)
- Topics: axios, axios-interceptor, context-api, express-js, firebase-auth, javascript, jwt-authentication, jwt-token, mailchimp-api, mongodb, node-js, reacthookform, reactjs, reactquery, restful-api, stripe-payments, tailwind-css
- Language: JavaScript
- Homepage: https://rad-brioche-4bb8d9.netlify.app/
- Size: 1.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A full-stack application that allows users to place orders and pay for them using Stripe. It also offers a control panel for administrators. Admins have the ability to add users and manage products. Orders and payment status are also visible to the admin.
Live Site link 👉 [Chaos Auto Parts](https://rad-brioche-4bb8d9.netlify.app).
# Features
- Responsive design
- Admin Panel
- Modern Technology Used
- User Authentication
- JWT authentication
- user Login system
- Password reset system
- Email Verification
- Email Confirmation
- Online Payment
# How to run
1. Download the project and unzip it, or clone it
```javascript
git clone https://github.com/Rafin31/autoPartsClient.git
```
or, to clone it on your current dir
```javascript
git clone https://github.com/Rafin31/autoPartsClient.git .
```
2. Add **.env.local / .env** file to the project's root folder.
3. Add these **Environment Variables** to the **.env.local** file.
```javascript
REACT_APP_apiKey= your firebase key
REACT_APP_authDomain= your firebase key
REACT_APP_projectId= your firebase key
REACT_APP_storageBucket= your firebase key
REACT_APP_messagingSenderId= your firebase key
REACT_APP_appId= your firebase key
```
4. Install packages using.
```
npm install or yarn install
```
5. Start the server.
```
npm start or yarn start
```
# Technologies used
- React.js
- Express Js
- Tailwind CSS
- Firebase
- MongoDb
- JWT Token
- React Query
- React hook form
- Rest API
- Axios
- Axios interceptors
- Stripe Payment