Food Village is a web application that draws inspiration from Swiggy, a popular food delivery service. It is built using cutting-edge technology and offers a delightful user experience for ordering food from various restaurants. This README provides an overview of the project's features, tech stack, and highlights.
- Frontend: React (Functional component-based)
- Routing: react-router-dom
- Styling: Bootstrap, Tailwind CSS
- State Management: Redux Toolkit
- Payment Gateway: PayPal
-
Seamless Integration: Food Village seamlessly integrates with Swiggy's public API, providing access to a wide range of restaurant data.
-
Elegant Shimmer UI: Enhance user experience with a captivating Shimmer UI effect, creating a smooth and engaging interface.
-
Landing Page: The landing page features a dynamic Carousel and a curated list of restaurants to attract and inform users.
-
Search and Filtering: Robust search and filtering options empower users to quickly find their favorite restaurants.
-
Restaurant Menu Pages: Explore restaurant menu pages with categorized listings, making it easy to find your desired dishes.
-
Cart Management: Conveniently add and remove items from the shopping cart for a smooth ordering process.
-
Streamlined Checkout: The checkout page offers a hassle-free experience, guiding users through the payment process.
-
Payment Gateway Integration: Secure transactions with seamless integration of the PayPal payment gateway.
Food Village incorporates several cutting-edge technologies and best practices, including:
-
Parcel: Utilized for efficient package management.
-
JSX: Employed for rendering components efficiently.
-
Routing: Implemented using react-router-dom to ensure smooth navigation within the application.
-
Custom Hooks: Crafted to enhance functionality and maintain code modularity.
-
State Management: Leveraged React useContext Hook and Redux Toolkit for app-wide state control.
-
Cart Management: Efficiently managed the shopping cart, ensuring a seamless user experience.
-
Payment Gateway: Seamlessly integrated the PayPal payment gateway for secure transactions.
-
Live APIs Integration: Worked with live APIs to fetch real-time data, keeping information up-to-date.
-
Controlled and Uncontrolled Components: Utilized for various use cases to provide better control and user interaction.
-
Higher-Order Components (HOC): Explored to enhance code reusability and maintainability.
-
Modern JavaScript Features: Embraced modern features like optional chaining for cleaner code.
-
Lazy Loading and Suspense: Experimented with these techniques for improved performance and user experience.
- GitHub Repository: GitHub
- Live Preview: View Food Village
Explore the project's code and experience Food Village in action through the provided links.
Thank you for your interest in Food Village. We hope you enjoy using and exploring this project!