https://github.com/safin33221/tastyride-client-side
TastyRide is a full-featured food delivery application designed to provide a seamless experience for users to explore menus, place orders, track deliveries in real time, and enjoy a personalized, multilingual interface. Built with React, Firebase, and a robust backend, it supports secure authentication, payments, and more.
https://github.com/safin33221/tastyride-client-side
daisyui expressjs firebase firebase-auth firebasehosting food-delivery-application mongodb moongose nodejs reactjs sslcommerz-payment-gateway tailwindcss vercel-deployment
Last synced: 2 months ago
JSON representation
TastyRide is a full-featured food delivery application designed to provide a seamless experience for users to explore menus, place orders, track deliveries in real time, and enjoy a personalized, multilingual interface. Built with React, Firebase, and a robust backend, it supports secure authentication, payments, and more.
- Host: GitHub
- URL: https://github.com/safin33221/tastyride-client-side
- Owner: safin33221
- Created: 2025-03-11T18:31:28.000Z (over 1 year ago)
- Default Branch: development
- Last Pushed: 2025-05-04T15:12:58.000Z (about 1 year ago)
- Last Synced: 2025-06-08T02:57:47.077Z (about 1 year ago)
- Topics: daisyui, expressjs, firebase, firebase-auth, firebasehosting, food-delivery-application, mongodb, moongose, nodejs, reactjs, sslcommerz-payment-gateway, tailwindcss, vercel-deployment
- Language: JavaScript
- Homepage: https://tastyride-cd1a3.web.app
- Size: 3.09 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍔 TastyRide – Modern Food Delivery Platform
**Live Site:** [https://tastyride-cd1a3.web.app](https://tastyride-cd1a3.web.app)
TastyRide is a full-featured food delivery application designed to provide a seamless experience for users to explore menus, place orders, track deliveries in real time, and enjoy a personalized, multilingual interface. Built with React, Firebase, and a robust backend, it supports secure authentication, payments, and more.
---
## 👥 Team Project Details
- 🔧 **Collaborative Workflow**: GitHub project board & branches
- 🔄 **Version Control**: PR reviews and code merges
- 📁 **Role Division**:
- Frontend: UI, Routing, Authentication, Multilingual support
- Backend: RESTful APIs, Role-based access, MongoDB, JWT
- Deployment: Firebase (Client), Vercel/Render (Server)
This project reflects strong teamwork, coordination, and communication to deliver a scalable, real-world solution within a deadline.
---
---
## 🔐 Built-in Test Credentials (4 Roles)
Use the following credentials to explore each role:
| Role | Email | Password |
|------------|--------------------------|------------------------|
| **Admin** | admin@gmail.com | admin@gmail.com |
| **Restaurant** | restaurant@gmail.com | restaurant@gmail.com |
| **Rider** | rider@gamil.com | rider@gamil.com |
| **Customer** | customer1@gmail.com | customer1@gmail.com |
---
## 🔐 Authentication Options (2 Methods)
- 🔑 Email/Password Login
- 🔵 Google Sign-in
> Powered by Firebase Authentication
---
## 🚀 Features
- 🍽️ Dynamic Product & Menu Management
- 🛒 Smart Cart & Order Processing
- 📡 Real-Time Order Tracking (Pending → Cooking → On the way → Delivered)
- 💬 Restaurant Ratings & Reviews
- 💳 Stripe Payment Integration
- 📉 Dynamic Discount System
- 📢 Advertisement System for Restaurants
- ❤️ Subscribe to Restaurant Profiles
- 🌍 Multi-language Support (i18next)
- 📬 Email Notifications with EmailJS
- 📊 Data Charts (Chart.js & Recharts)
- 🗺️ Delivery Map (React Leaflet)
- 📆 Date Selection (React DatePicker)
- 🎉 Confetti Effects for Celebration
- 🖼️ Lightbox Image Viewer
- 🔢 Animated Counters
- 🧾 Stylish Alerts (SweetAlert2)
---
## 🧪 Tech Stack
### 🖥️ Frontend
- React, Vite, React Router DOM
- Tailwind CSS, DaisyUI
- Firebase (Auth)
- i18next + React-i18next
- Axios, React Query
- Stripe.js + React Stripe
- Framer Motion, Lottie React
- Chart.js, Recharts
- EmailJS, Confetti, Moment.js
- React Leaflet, Swiper.js, SweetAlert2
### 🧰 Backend (Not included here)
- Node.js, Express.js, MongoDB, JWT (Authorization)
---
## ⚙️ Setup Instructions
### 1. Clone the repository
git clone https://github.com/yourusername/tastyride-client-side.git
### 2. Navigate to the project directory
cd tastyride-client-side
### 3. Install dependencies
npm install
### 4. Run the development server
npm run dev