FoodieFinder is an interactive food ordering website built using React, JavaScript, React Testing Library, and TailwindCSS. The application provides real-time data from 50+ restaurants using Swiggy’s API and features seamless navigation, efficient state management, and enhanced user experience.
- Real-time Data: Fetches real-time data from Swiggy’s API for over 50 restaurants.
- Interactive UI: Utilizes Skeleton UI for enhanced user experience.
- Navigation: Implemented using React Router.
- State Management: Managed using Redux.
- Code Optimization: Parcel configuration resulting in a 40% reduction in load times.
- UI Components: Features a carousel for food offers and an accordion interface for food items.
Technologies Used React JavaScript React Testing Library TailwindCSS Redux React Router Parcel
Website Link :
Home Page : The Home Page serves as the landing page of the application. It provides an overview of available restaurants.
Search : The Search bar allows users to search for specific restaurants or food items. It displays search results dynamically as the user types.
Cart : The Cart page allows users to view and manage their selected food items. Users can adjust quantities, remove items, and proceed to checkout.
Contact Us : The Contact Us page provides users with a form to send inquiries or feedback. It includes fields for the user's name, and message.