https://github.com/saketkothari/eatsy-food-ordering-webapp
Food-ordering webapp made using Swiggy's live API
https://github.com/saketkothari/eatsy-food-ordering-webapp
code-splitting config-ui context-api custom-hooks higher-order-component lazy-loading live-api parcel-bundler props-and-state-components react-hooks react-router-dom react-testing-library redux-toolkit tailwindcss
Last synced: 7 months ago
JSON representation
Food-ordering webapp made using Swiggy's live API
- Host: GitHub
- URL: https://github.com/saketkothari/eatsy-food-ordering-webapp
- Owner: SaketKothari
- Created: 2023-10-06T13:04:09.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-31T10:28:36.000Z (10 months ago)
- Last Synced: 2025-01-26T02:27:48.367Z (9 months ago)
- Topics: code-splitting, config-ui, context-api, custom-hooks, higher-order-component, lazy-loading, live-api, parcel-bundler, props-and-state-components, react-hooks, react-router-dom, react-testing-library, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 942 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# eatsy-webapp
Eatsy is a dynamic and user-friendly restaurant directory application, designed to provide a seamless dining experience. Leveraging a robust set of modern technologies and best practices,
this webapp offers an intuitive and visually appealing platform for users to discover, explore, and interact with restaurants.
### [Live Site](https://eatsy-webapp.vercel.app/)
[CORS Chrome Extension](https://chromewebstore.google.com/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf)
#
### Features
- React Component Reusability: ♻️ Maximize code reuse with modular React components.
- Photo Gallery 📸: Display a gallery of restaurant images.
- Integration with Third-Party Services 🚀: Connect to external APIs for additional data.
- Design Restaurant Details Page: 🖼️ Create visually appealing restaurant information display.
- Design Restaurant Shimmer component: 🌟 Develop loading skeleton for restaurant details.
- Online status based on internet connection: 🌐 Show connection status for real-time updates.
- Implement Lazy loading: ⏳ Optimize app performance with component loading on-demand.
- Search: 🔍 Enable users to search for restaurants or specific information.
- Config driven UI: ⚙️ Configure UI elements through settings or configuration files.
- Code-splitting: 🧩 Improve performance by splitting code into smaller, loadable chunks.
- Higher-order-component: 🔄 Reusable component logic for better code organization.
- React-router-dom: 🚀 Navigate between components using React Router.
- Live-api: 📡 Integrate real-time data updates using live API connections.
- TailwindCSS: 🎨 Utilize utility-first CSS framework for styling components.
- Parcel-bundler: 📦 Bundle and optimize assets for fast application loading.
- Context-api: 🌍 Manage global state and share data across components.
- React-testing-library: 🧪 Write tests for React components using testing library.
- React-hooks: ⚛️ Utilize React's built-in hooks for state management.
- Custom-hooks: 🛠️ Create custom reusable hooks for specific functionality.
- Redux-toolkit: 🧰 Implement state management using Redux Toolkit.
- Props-and-state-components: 📊 Pass data via props or manage local component state.
#
### Installation Steps
You need to install the dependencies:
```
npm install
```
### Available Scripts
In the project directory, you can run:
```
npm start
```
To run test-cases:
```
npm run test
```