YumBites Food is a dynamic food delivery website powered by Swiggy Live API.This project utilizes cutting-edge technologies developed with the powerful combination of React,Parcel and Redux,ensuring a seamless and efficient user experience.
- Search Functionality: Enables users to search for their favorite restaurants.
- Restaurant Filtering: Narrow down your search results for personalized recommendations.
- Dynamic Cart: Users can add items to the cart, select the quantity, and see the real-time price updates.
- Optimization Techniques: Utilizes lazy loading, chunking, tree shaking, and more for lightning-fast performance.
- Shimmer UI: Cool animation loading for an enhanced user experience.
- Accordion Component: For better content organization and presentation.
- Custom Hooks: Implementing custom hooks for reusability and maintaining clean and modular code.
State management is handled using Redux Toolkit, ensuring a predictable state container and control &organization of data.
Unit and integrated testing are performed using Jest to ensure the reliability and stability of the application.
- React
- Parcel
- Redux Toolkit
- Formik
- React Router
- Babel
- Tailwind CSS
The website is fully responsive and provides an optimal viewing experience across a wide range of devices.
Follow these steps to set up and run YumBites Food locally on your setup:
-
Clone the Repository:
git clone https://github.com/Keegan-20/YumBites-Food.git cd YumBites-Food -
Install Dependencies:
npm install
-
Start the Development Server:
npm start
-
Open in Your Browser:
Open http://localhost:3000 in your web browser.Explore YumBites Food and enjoy the experience!
Thank you for exploring YumBites Food! Your feedback is valuable and If you have any suggestions or thoughts, feel free to share them with me. And hey, if you enjoyed your experience, why not show us some love by starring the repository,Please don't hesitate to star this GitHub repository!"
Visitor count
