The Fork: Swiggy Clone
Overview:
- Framework: ReactJS
- State Management: Redux for efficient state management and data flow.
- Styling: Tailwind CSS for responsive and modern design.
- Icons: Utilized react-icons for a consistent and visually appealing iconography.
- Hosting: Deployed on Netlify for seamless and scalable hosting.
- API: Integrated with Swiggy API to fetch real-time data for restaurants, menus, and dishes.
Features:
- Top 20 Restaurants: Displays a dynamic list of the top 20 restaurants based on user ratings and reviews. Users can filter these restaurants by star ratings, reviews, and vegetarian options to find their preferred dining choices.
- Restaurant Menu: Clicking on a restaurant opens its detailed menu, allowing users to browse and add items to their cart. The menu data, including pricing and descriptions, is fetched in real-time from the Swiggy API.
- Search Functionality: A robust search bar enables users to search for specific restaurants or dishes. The search includes debouncing to ensure fast and accurate results.
- Skeleton Loading: Implements skeleton loading screens to enhance user experience by providing visual feedback while data is being fetched.
- Top Dishes Carousel: Features a carousel showcasing the top dishes based on the user's location. Selecting a dish displays a list of top restaurants offering that dish, with the number of restaurants dynamically updated based on the API data.
- Mobile Optimization: The application is optimized for mobile screens, ensuring a seamless and user-friendly experience across all devices.
- Menu Management: Efficiently handles and displays menu data, including real-time updates from the Swiggy API. Users can view detailed descriptions, pricing, and add items to their cart.
- 👨🏻💻 Take a glance at My Portfolio - nikhilrawal.ca
This is my personal portfolio website, built using React.js and styled with TailwindCSS. It showcases my projects and includes features such as light/dark mode toggling, responsive design, and more.