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.
- 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.
- React.js with Redux Toolkit
- React Router for navigation
- Tailwind CSS for styling
- Toastify for notifications
- Node.js with Express.js
- MongoDB with Mongoose
- Stripe for payment processing
- Firebase Authentication
- Node.js v16+ installed
- MongoDB installed and running locally
- Stripe account and secret key for payment processing
- Firebase project set up for authentication
- Clone the repository:
git clone https://github.com/your-username/foodie-express.git cd foodie-express
Runs the app in the development mode.
Open 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.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.