https://github.com/bhaxkar/foodify
Foodify is a food ordering app built with React.js, React Router, Redux Toolkit, and Parcel, styled using Tailwind CSS, and partially tested with Jest and React Testing Library.
https://github.com/bhaxkar/foodify
babel jest parcel react-dom react-router react-testing-library reactjs redux-toolkit
Last synced: 2 months ago
JSON representation
Foodify is a food ordering app built with React.js, React Router, Redux Toolkit, and Parcel, styled using Tailwind CSS, and partially tested with Jest and React Testing Library.
- Host: GitHub
- URL: https://github.com/bhaxkar/foodify
- Owner: bhaxkar
- Created: 2025-01-11T16:41:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-15T17:52:38.000Z (over 1 year ago)
- Last Synced: 2025-08-09T01:37:20.818Z (10 months ago)
- Topics: babel, jest, parcel, react-dom, react-router, react-testing-library, reactjs, redux-toolkit
- Language: JavaScript
- Homepage:
- Size: 18.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Foodify 🍽️
Foodify is modern food ordering application, leveraging cutting-edge technology like React for dynamic user interfaces, React Router for seamless navigation, Redux Toolkit for efficient state management, Tailwind CSS for responsive styling, and testing frameworks like Jest and React Testing Library to ensure reliability and quality.
## Technical Description📃
- Developed using **React.js** with modern hooks (useState, useEffect, custom hooks) and designed a responsive, visually appealing UI with **Tailwind CSS**.
- Utilized **React Router v6** for client-side routing with dynamic routes for seamless navigation.
- Implemented **Redux Toolkit** for centralized state management, particularly for cart functionality.
- Integrated with **Swiggy’s public APIs** to fetch restaurant listings and menu data using the fetch API.
- Ensured code reliability and functionality with **Jest and React Testing Library** for unit and integration testing.
- Utilized **Babel** for code transpilation and **Parcel** for efficient bundling and optimized build processes.
- **Key Feature** : Implemented features including restaurant search, robust cart management (add, remove, and clear items), detailed restaurant listings, menu-specific detail pages, dedicated About and Offers pages, and online-offline detection for enhanced user experience.
## Table of Contents 🔗
- [Demo](#demo)
- [Installation](#installation)
- [Scripts](#scripts)
- [Contact](#contact)
## Demo
[watch demo on youtube](https://www.youtube.com/watch?v=YavNxbvfjF8)
## Installation
To run Foodify locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/bhaxkar/foodify.git
```
2. Navigate to the project directory:
```bash
cd foodify
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
## Scripts
- `start`: Starts the development server using Parcel.
- `build`: Bundles the app into static files for production.
- `test`: Runs the tests using Jest.
## Contact
👾 Bhaskar Jha (✉️ [@bhaxkar](mailto:bhaskarjha.info@gmail.com) )