Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zahidrahimoon/tomato
Food Delivery First MERN Web Appliaction
https://github.com/zahidrahimoon/tomato
admin-panel backend css3 expressjs food-delivery frontend html javascript mern mern-project mern-stack mern-stack-development mongodb mongodb-atlas mongodb-database node-js reactjs stripe tomato
Last synced: about 14 hours ago
JSON representation
Food Delivery First MERN Web Appliaction
- Host: GitHub
- URL: https://github.com/zahidrahimoon/tomato
- Owner: zahidrahimoon
- Created: 2024-06-03T09:06:04.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-09-05T15:11:55.000Z (22 days ago)
- Last Synced: 2024-09-18T02:57:23.596Z (9 days ago)
- Topics: admin-panel, backend, css3, expressjs, food-delivery, frontend, html, javascript, mern, mern-project, mern-stack, mern-stack-development, mongodb, mongodb-atlas, mongodb-database, node-js, reactjs, stripe, tomato
- Language: JavaScript
- Homepage:
- Size: 13.7 MB
- Stars: 14
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Tomato Delivery
Tomato is a MERN (MongoDB, Express.js, React, Node.js) stack project that includes a sign-in/sign-up page with authentication, a frontend with dark and light themes, a backend with MongoDB database integration, and a payment system using Stripe. It also features an admin panel with dark and light themes.
## Technologies Used
## DEMO
## Features
- Sign-in/sign-up functionality with authentication.
- Frontend with dark and light themes.
- Backend with MongoDB database integration.
- Payment system using Stripe.
- Admin panel with dark and light themes.
## Getting Started
- First of all, you will need to create a database with Atlas MongoDB.
- Also have a Stripe account so you can get your SECRET STRIPE KEY.
🎥 Video - https://www.youtube.com/watch?v=DBMPXJJfQEA
- How to create a database with MongoDB - 3:38:27.
- Stripe Tutorial - 7:49:55.
## Installation
How to install/setup the Front-End
> Open a terminal in VS Code and go into the frontend folder and then run
>❗Open the frontend first [http://localhost:5173](http://localhost:5173)
```
npm install
npm run dev
```
How to install/setup the Admin Page
> Open a terminal in VS Code and go into the admin folder and then run
>❗Open the admin after the frontend. [http://localhost:5174](http://localhost:5174)
```
npm install
npm run dev
```
How to install/setup the Backend
> Open a terminal in VS Code and go into the backend folder and then run.
```
npm start server
```
- [ ] Remember to include your Database in db.js and your Stripe Secret Key in .env but donot push on github.
## Conclusion
This is my first project using the MERN stack, and while it's not fully functional yet and still has more work to be done, I assure you will appreciate my dedication and effort! 😊
Let's connect on [LinkedIn](https://linkedin.com/in/zahidrahimoon) and [GitHub](https://github.com/zahidrahimoon) to follow my journey. 🚀