https://github.com/droidbg/foodpeek
FoodPeek is a Food Delivery App using React.js , Typescript
https://github.com/droidbg/foodpeek
food-delivery-application food-delivery-ui nodejs react react-router reactjs redux redux-toolkit swiggy-food-delivery swiggyclone
Last synced: 4 months ago
JSON representation
FoodPeek is a Food Delivery App using React.js , Typescript
- Host: GitHub
- URL: https://github.com/droidbg/foodpeek
- Owner: droidbg
- License: mit
- Created: 2024-12-08T07:01:21.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-05-17T14:23:12.000Z (5 months ago)
- Last Synced: 2025-05-27T09:14:52.669Z (5 months ago)
- Topics: food-delivery-application, food-delivery-ui, nodejs, react, react-router, reactjs, redux, redux-toolkit, swiggy-food-delivery, swiggyclone
- Language: JavaScript
- Homepage: https://foodpeeek.vercel.app/
- Size: 12.1 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
FoodPeek: Food Delivery Application
Built with React!!!!!
🚀 FoodPeek is a React based food delivery application.
Hosted **on [foodpeeek.vercel.app](https://foodpeeek.vercel.app/),** this application brings a hassle-free way to explore and order from restaurants.
# Docs
- [Example](#example)
- [Features](#-features)
- [Future Enhancements](#-future-enhancements)
- [Tech Stack](#-tech-stack)
- [Live Demo](#-live-demo)
- [Project Local Setup](#-project-local-setup)
- [Contributing](#-contributing)
- [License](#-license)
# Example
# 🌟 Features
### ✅ Real-Time API Integration
- **Live Swiggy APIs** for accurate menus, availability, and promotions.
### ⚡ Optimized Performance
- **Lazy Loading & Code Splitting** to enhance loading times and responsiveness.
- **Shimmer UI** for smooth loading effects.
### 🔧 Efficient State Management
- **Redux Toolkit** for centralized state management, ensuring a seamless experience.
- **Custom Hooks** to improve code reusability and maintainability.
### 🔍 Advanced Search & Filtering
- **Search Functionality** to quickly find restaurants and dishes.
- **Filtering Options** based on cuisine, ratings, and offers.
### 🚀 Smooth User Experience
- **React Router DOM** for seamless navigation.
- **Detailed Restaurant Pages** with menus, reviews, and delivery estimates.
- **404 Error Page** for handling navigation issues gracefully.
- **Completely Responsive** design for an optimal experience on any device.
# 🎯 Future Enhancements
- 🌐 **Multi-Language Support**: Navigate in your preferred language.
- 🌙 **Dark Mode**: A sleek, user-friendly dark theme.
- 📍 **Location-Based Personalization**: Custom delivery location setup.
- 🛒 **Enhanced Add-to-Cart & Checkout**: Smoother ordering process.
- 💳 **Secure Payments**: Seamless and secure transactions.
- 🔐 **User Authentication**: Login/Sign-in with personalized services.
# 💻 Tech Stack
- **Frontend:** React, Redux Toolkit, Tailwind CSS, React Router
- **Backend:** Node.js, Express.js
- **Bundler:** Parcel
- **Hosting:** Vercel
# 🚀 Live Demo
[Visit FoodPeek Live](https://foodpeeek.vercel.app)
# 📂 Project Local Setup
### 1. Clone the Repository
```bash
git clone https://github.com/droidbg/FoodPeek.git
cd FoodPeek
```
### 2. Start React App
```bash
cd ../client
npm install
npm start
```
### 3. Set Up Environment Variables
Create a `.env` file in the client directory and add the following variables:
```env
# CORS key
API_KEY=your_cors_here
```
## 📜 Contributing
We welcome contributions! Feel free to open issues and pull requests.
## 📝 License
This project is licensed under the MIT License.
Enjoy fast, seamless food and grocery delivery with FoodPeek!! 🚀