This is a MERN Food Order website. It allows users to browse food, add food to the cart, and proceed to checkout and payment. The app also includes user authentication, food order management, and a responsive design that works seamlessly across different devices. And it has a fully functional admin panel like add and edit food, order management, and manage users.
- User Authentication (Sign Up, Login, Logout)
- Food Catalog with Search
- Food Cart Functionality
- Checkout Process
- Payment method
- Food Management
- Admin Dashboard for Food and Order Management
- Responsive Design
- Frontend: React.js, React Router, Axios,Tanstack react query
- Backend: Node.js, Express.js
- Database: MongoDB
- Payment: Stripe
- Styling: Tailwind CSS , Daisyui
- JavaScript's popup: SweetAlert2
- Icons: React Icons
- Authentication: JWT ,Firebase
To get started with this project, clone the repository and install the dependencies:
https://github.com/Mirza2018/bisto-boss.git
cd bisto-boss
npm installcd bisto-boss
npm run devbisto-boss/
├── public/
├── src/
│ ├── assets/ # Images, icons, etc.
│ ├── AuthProviders/ # Central Authentication setup
│ ├── components/ # Components
│ ├── Firbase/ # Firebase config
│ ├── Hooks/ # Reusable components
│ ├── Layout/ # Structure
│ ├── pages/ # Page components
│ ├── Route/ # Private Route & admin Route
│ └── main.js # Main App component
├── .env.local # Environment variables
├── index.html
├── package.json
└── tailwind.config.js
- Name: Takibul Hasan.
- Email: web.takib@gmail.com
- GitHub: Mirza2028
- LinkedIn: Takibul Hasan.
- Facebook: Takibul Hasan.