8000 GitHub - droidbg/FoodPeek: FoodPeek is a Food Delivery App using React.js , Typescript
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

droidbg/FoodPeek

Folders and files

NameName
Last commit message
Last commit date

Latest comm 8000 it

Β 

History

95 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

FoodPeek: Food Delivery Application

Built with React!!!!!

πŸš€ FoodPeek is a React based food delivery application.

Hosted on foodpeeek.vercel.app, this application brings a hassle-free way to explore and order from restaurants.

Docs

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 ex AA06 perience.
  • 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

πŸ“‚ Project Local Setup

1. Clone the Repository

git clone https://github.com/droidbg/FoodPeek.git
cd FoodPeek

2. Start React App

cd ../client
npm install
npm start

3. Set Up Environment Variables

Create a .env file in the client directory and add the following variables:

# 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!! πŸš€

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  
0