https://github.com/daaniissh/foodeli
Foodeli, a MERN stack web app (MongoDB, Express.js, React.js, Node.js), empowers food enthusiasts to buy and sell seamlessly. Its secure marketplace features search, filtering, and favorites, alongside a user-friendly cart and order tracking. Foodeli simplifies online food exploration, purchase, and management for both foodies and food entrepreneur
https://github.com/daaniissh/foodeli
mern reactjs
Last synced: about 1 month ago
JSON representation
Foodeli, a MERN stack web app (MongoDB, Express.js, React.js, Node.js), empowers food enthusiasts to buy and sell seamlessly. Its secure marketplace features search, filtering, and favorites, alongside a user-friendly cart and order tracking. Foodeli simplifies online food exploration, purchase, and management for both foodies and food entrepreneur
- Host: GitHub
- URL: https://github.com/daaniissh/foodeli
- Owner: daaniissh
- Created: 2024-06-05T11:04:35.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-06-08T08:23:43.000Z (11 months ago)
- Last Synced: 2025-02-11T19:45:16.196Z (3 months ago)
- Topics: mern, reactjs
- Language: JavaScript
- Homepage: https://foodeli-jet.vercel.app
- Size: 1.85 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Foodeli
**Foodeli** is a comprehensive web application designed for food enthusiasts to easily buy and sell a variety of foods. Built using the **MERN** stack (MongoDB, Express.js, React.js, and Node.js), Foodeli offers a seamless and intuitive user experience with features like user authentication, shopping cart management, order tracking, and profile updates.
## Demo
https://github.com/daaniissh/Foodeli/assets/102005928/47978755-e2f6-40b3-8b83-8a14c928e5f7
## Screenshots
## Features
- **User Authentication:** Secure login and signup options for users to create and manage their accounts.
- **Food Marketplace:** Browse, search, and filter through a wide variety of food items available for sale.
- **Add to Cart:** Conveniently add desired food items to the shopping cart for easy purchase.
- **Favorites:** Mark favorite food items for quick access and future reference.
- **Order Management:** View and track current and past orders with detailed order information.
- **Profile Updates:** Users can update their personal information and manage their profile settings
## Tech Stack
## Frontend
- **React.js:** A JavaScript library for building user interfaces.
- **Styled Components:** Utilized for styling React components.
- **Redux:** A state management library for managing application state.
- **Axios:** A promise-based HTTP client for making requests to the backend.
- **Toster:** Used for displaying toast notifications.
- **Material-UI (MUI):** A popular React UI framework for building responsive, accessible design components.
- **Cloudinary:** A cloud-based service for managing images and videos.
## Backend
- **Express.js:** A web application framework for building the backend API and handling server-side logic.
- **MongoDB:** A NoSQL database for storing user data, food items, orders, and other relevant information.
- **Mongoose:** An Object Data Modeling (ODM) library for MongoDB and Node.js.
- **JWT (jsonwebtoken):** For handling user authentication and generating tokens.
- **Bcrypt:** For hashing passwords.
- **Dotenv:** For loading environment variables from a .env file.
- **Cors:** Middleware for enabling Cross-Origin Resource Sharing.
- **Nodemon:** A tool that helps develop node.js based applications by automatically restarting the node application when file changes are detected.
## Installation
Clone the repository:
```bash
git clone https://github.com/yourusername/foodeli.git
cd foodeli
```
Install server dependencies:
```bash
cd ./server
npm install
```
Install client dependencies:
```bash
cd ./client
npm install
```
Set up environment variables: Create a .env file in the backend directory and add the necessary environment variables.
```bash
MONGO_URI=your_mongo_db_uri
JWT_SECRET=your_jwt_secret
CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret
```