Food Delivery Application 🛒 (React and NestJS)!

🚀 Zonion is a React based food delivery application.

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

Docs

• Example
• Features
• Future Enhancements
• Tech Stack
• Live Demo
• Project Local Setup
• Contributing
• License

Example

zonion.demo.mp4

🌟 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

🌍 Zonion Live

📂 Project Local Setup

1. Clone the Repository

git clone https://github.com/droidbg/Zonion.git
cd zonion

2. Start Server

cd server
npm install
npm start

3. Start React App

cd ../client
npm install
npm start

4. Set Up Environment Variables

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

# CORS key
API_KEY=your_cors_here


# Database URL (Posgres by default)
DATABASE_URL=your_db_url

📜 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 Zonion!! 🚀