Oishi, a React.js-based food ordering website, seamlessly connects users with their favorite dishes through the live Swiggy API. With Redux for state management, React Router DOM for smooth navigation, and Tailwind CSS for a visually appealing interface, it offers a modern and efficient way to explore, order, and enjoy a diverse range of culinary delights.
🛠 Built With
Tech Stack
React.js
Tailwind-CSS
React-Router-Dom
Redux.js
To Clone this Repository
You need to write the following commands on the terminal screen(in vscode) so that you can run this project locally.
git clone "https://github.com/0xaira/Oishi.git"
Go to the project directory
cd Oishi
Install dependencies
npm install
Start the server
npm run dev
After doing this this application should now be running on localhost. If you want to Fork repository and want to run locally, follow this guidelines Fork and Clone Github Repository
🎯 Key Features
🌏 Real-time Swiggy API Integration: Oishi provides users with up-to-the-minute information on menus, availability, and promotions, ensuring accurate and reliable details for informed dining choices.
🚀 Lazy Loading & Chunking: Oishi implements lazy loading and chunking for optimization, reducing app loading time significantly.
⚡ Custom Hook: Oishi utilizes custom hooks, enhancing code reusability and maintainability, allowing for a more efficient development process and a streamlined architecture.
🔐 State Management with Redux: Oishi ensures a scalable and organized application state with Redux, streamlining data flow and providing a centralized management system for a seamless user experience.
🔍 Search Functionality: Easily find your desired restaurants or dishes with Oishi's intuitive search feature.
🎯 Filtering Options: Tailor your browsing experience with filtering options, allowing you to discover restaurants based on specific categories or preferences.
📌 Seamless Navigation: With React Router DOM, the app provides a smooth and intuitive navigation experience, enabling users to effortlessly explore different sections, from discovering restaurants to tracking orders, without disruptions.
📜 Detailed Restaurant Information: Get comprehensive details about each restaurant, including menus, offers, and more, providing you with the information needed to make informed choices.
✨ Shimmer UI: Oishi enhances user interface transitions with shimmer UI, providing a visually appealing loading effect during data retrieval, creating a polished and engaging experience for users while waiting for content to load.
🚧 Error 404 Page: In the event of a page not found or API failure, Oishi gracefully presents a user-friendly Error 404 page, ensuring a smooth and informative experience for users.
📱 Completely Responsive: Enjoy a seamless experience across various devices as Oishi ensures complete responsiveness, adapting to different screen sizes and resolutions.