Project Link - https://fillkart.onrender.com/
A complete online shopping application which lets users create an account, login and logout from their account and let them add items in their cart and keep it in sync with the database and then checkout using the stripe checkout page. The admin can manage products,users. View and edit products as well as add a new one. Admin can change the role of users and delete a user.
🚧 This project is completely developed by me means no tutorials followed so it took me more time but the understanding of tech I got is best thing and doing projects with college is quite difficult 😥. But, I did it. Please feel free to comment or share your thoughts on this project.
Client: React Js, React Router, Redux Toolkit, Axios, React ApexCharts, Tailwind Css, React Toastify, Ant Design
Server: Node Js, Express Js, JWT, MongoDB, Mongoose , Cookies
Payment: Stripe Checkout
| Color | Hex |
|---|---|
| Text Primary | |
| Primary Hover | |
| Button Primary |
Fillkart.-.Google.Chrome.2023-08-26.14-29-26.mp4
To run this project, you will need to add the following environment variables to your .env file
REACT_APP_BACKEND_API_URL
FOR BACKEND REPO
👍https://github.com/codingsagar/fillkart_backend
FRONTEND_URL
JWT_SECRET
JWT_EXPIRE
MONGO_URI
COOKIE_EXPIRE
IF YOU WANT PAYMENT TO WORK THEN :
STRIPE_KEY
STRIPE_ENDPOINT_KEY
This project is deployed completely frontend + backend on https://www.render.com
Check them out !
This project requires backend too soo clone the backend repo too link given above and setup mongodb on your computer Locally or on the cloud.
Clone the project
git clone https://github.com/codingsagar/fillkart_frontendGo to the project directory
cd fillkart_frontendInstall dependencies
npm installStart the server
npm run start
IF YOU WANT ANY HELP OR CONFUSION OR YOU FIND OUT ANY ERROR IN THE CODE CREATE A ISSUE AND MAKE A PULL REQUEST WILL MERGE IT ABSOLUTELY IF CORRECT