https://github.com/ajay-9/foodie-express
A modern web application designed to simplify food ordering. Built with React, Redux Toolkit, Node.js, Express.js, and MongoDB,
https://github.com/ajay-9/foodie-express
api firebase-auth mongodb node-js react-js redux redux-thunk restful-api stripe-api tailwindcss toast-notifications
Last synced: 3 months ago
JSON representation
A modern web application designed to simplify food ordering. Built with React, Redux Toolkit, Node.js, Express.js, and MongoDB,
- Host: GitHub
- URL: https://github.com/ajay-9/foodie-express
- Owner: ajay-9
- Created: 2025-01-05T09:48:05.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-05T09:56:34.000Z (5 months ago)
- Last Synced: 2025-01-22T06:37:21.448Z (4 months ago)
- Topics: api, firebase-auth, mongodb, node-js, react-js, redux, redux-thunk, restful-api, stripe-api, tailwindcss, toast-notifications
- Language: JavaScript
- Homepage:
- Size: 11.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Foodie Express 🍔🍕
A modern web application designed to simplify food ordering. With Foodie Express, users can browse menus, add items to their cart, and securely place orders. Built with **React**, **Redux Toolkit**, **Express.js**, and **MongoDB**, Foodie Express integrates Stripe for secure payment processing and Firebase for authentication.
---
## Features 🌟
- **User Authentication**: Secure sign-up and login using Firebase.
- **Menu Management**: Dynamic menu tabs with category-based filtering.
- **Cart Functionality**: Add, update, and remove items from the cart.
- **Secure Payments**: Integrated with Stripe for handling payments.
- **Order Management**: Tracks order details and saves them to MongoDB.
- **Responsive UI**: Optimized for all screen sizes.
---
## Table of Contents 📋
- [Tech Stack](#tech-stack)
- [Project Setup](#project-setup)
- [Usage](#usage)
- [Endpoints](#endpoints)
- [Folder Structure](#folder-structure)
- [Screenshots](#screenshots)
---
## Tech Stack 🛠️
### Frontend:
- React.js with **Redux Toolkit**
- React Router for navigation
- Tailwind CSS for styling
- Toastify for notifications
### Backend:
- Node.js with Express.js
- MongoDB with Mongoose
- Stripe for payment processing
- Firebase Authentication
---
## Project Setup 🚀
### Prerequisites:
1. Node.js v16+ installed
2. MongoDB installed and running locally
3. Stripe account and secret key for payment processing
4. Firebase project set up for authentication
### Steps:
1. Clone the repository:
```bash
git clone https://github.com/your-username/foodie-express.git
cd foodie-express
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
## Learn More
You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).