Foodie is a food delivery app built with React, styled using Tailwind CSS, and powered by Redux Toolkit for state management. Hungry? Let Foodie bring delicious food to your doorstep!
2024-09-30-18-03-50.1.mp4
- 🏠 Home Page – Discover featured restaurants and popular dishes
- 🔍 Search Page – Easily find your favorite food items
- 🎉 Offers Page – Browse exclusive deals and offers
- ❌ Empty Cart Page – Minimalist view when no items are added
- 🛒 Cart Page – Add, view, and manage items in your cart
- ✨ Shimmer Effect – Beautiful loading placeholders for a polished UI
- React – JavaScript library for building dynamic user interfaces
- Tailwind CSS – Utility-first CSS framework for fast styling
- Vanilla CSS – Custom styling for specific components
- React Router – Declarative routing for seamless navigation
- Redux Toolkit – Simplified state management for app-wide state like cart and offers
- Shimmer Effect – Smooth loading animations while content is fetched
- Custom Hooks - Resusable the components easily.
Follow these steps to run Foodie on your local environment:
- Clone the repository:
git clone https://github.com/Sharmaji513/foodie-app.git cd foodie-app - Install dependencies::
npm install
- Run the app:
npm start or npm run dev
This will start the app on http://localhost:3000.
src/
├── components/ # Reusable components
├── pages/ # All page components
├── store/ # Redux slices
├── assets/ # Images and static assets
└── App.js # Main app component
We welcome contributions! Whether it’s fixing bugs, adding new features, or improving the design, feel free to submit a pull request or open an issue to discuss potential changes.