A full-stack web application for browsing, listing, and managing a variety of food items. Built using React (Frontend) and Express.js (Backend) with seamless API integration and modern development tooling via Vite.
📑 Table of Contents
- React 18.3
- Vite - Fast build tool and dev server
- React Router DOM - Client-side routing
- ESLint - Linting and code style enforcement
- Node.js + Express
- CORS + JSON Middleware
- Modular API Routing
Ensure you have the following installed:
- Node.js (v16 or above)
- npm or yarn
git clone https://github.com/your-username/foodie.git
cd foodie
npm installnpm run devnode server.jsServer runs on http://localhost:4000
├── public/
├── src/
│ ├── components/
│ ├── pages/
│ └── main.jsx
├── server.js
├── routes/
│ └── foodRoute.js
├── config/
│ └── db.js
├── vite.config.js
├── eslint.config.js
├── package.json
└── README.md
ESLint is pre-configured with React and Hooks rules.
npm run lint| Command | Description |
|---|---|
npm run dev |
Start Vite development server |
npm run build |
Build frontend for production |
npm run preview |
Preview production build |
npm run lint |
Run ESLint checks |
- Make sure MongoDB is running locally or update
connectDB()inconfig/db.jsaccordingly. - You can update the backend routes via
routes/foodRoute.js.
We welcome contributions to the Foodie project! If you find this project helpful, please consider:
- ⭐ Star this repository to show your support and help others discover it
- 🐛 Report bugs or suggest features through issues
- 🔧 Submit pull requests for improvements
- 📖 Help improve documentation
- 🚀 For more info go to CONTRIBUTING.md
This project is licensed under the MIT License.