🍽️ StreetShop

A real-time food ordering platform that allows users to instantly place food orders, make secure online/offline payments via Razorpay, and track order statuses live.
Vendors and admins can manage menus, inventory, banners, and analyze sales efficiently — all from a unified dashboard.

---

🚀 Features

👨‍🍳 User Features

• 🔐 Secure registration and login
• 🛒 Browse food menus to place order(Filter options)
• 📦 Add items to cart and place instant orders
• 💳 Payments via Razorpay (Online) or cash-on delivery
• 🛰️ Live order tracking and status updates in real-time

🧑‍💼 Vendor/Admin Features

• 📊 Enhanced Dashboard Analytics with sales insights
• 🍱 Food Management — add, edit, delete menu items
• 🏪 Shop Control — manage vendor details and availability
• 🧾 Banner Management — update offers and homepage visuals
• 📈 View daily/weekly revenue and prediction trends

---

🛠️ Tech Stack

Layer	Technology
Frontend	React.js, TailwindCSS
Backend	Firebase (Auth, Functions, Realtime DB)
Authentication	Firebase Auth
Database	Real-time DB
Payment Gateway	Razorpay Integration (Rpay Server)
Storage API	Cloudinary API (for image uploads)
Hosting	Firebase Hosting, Railway
Analytics & Dashboard	Chart.js, Recharts, Custom Reports

---

💳 Server-Side Integration (Razorpay Backend)

Server repository for secure payment and order processing:
🔗 Rpay Server – Railway Hosted Payment Integration

Handles:

• Razorpay Order Creation
• Payment Verification
• Secure API Communication

Deployed on Railway for production stability and quick API response.

---

📸 Screenshots (StreetShop)

🏠 Home Page

📋 Menu Page

🛒 Order Panel

🧑‍🍳 Admin Dashboard

🍱 Food Management Page

---

⚙️ How to Execute

🧩 Clone the Repository

git clone https://github.com/dhanush9047/StreetShop.git

📂 Move into the Project Directory

cd StreetShop

📦 Install Dependencies

npm i

🔗 Connect with Server (Rpay Backend)

Ensure your client connects to the backend URL:

const BASE_URL = import.meta.env.VITE_BASE_URL || "http://localhost:5000";

Server Repo: Rpay

▶️ Run Locally

npm run dev

---

☁️ Firebase Hosting (in 4 Steps)

firebase login
firebase init
firebase deploy
firebase open hosting:site

Your app will be live instantly on your assigned Firebase domain!

---

🌐 Live Demo

🔴 Live Demo: StreetShop App (Demo Link)

---

🧠 Admin Enhancements Summary

Module	Description
Admin Dashboard	Advanced analytics, order metrics & live sales overview
Food Management	Add, edit, delete dishes; toggle availability
Shop Control	Manage vendor shops, open/close status
Banner Management	Dynamic promotional banner updates

---

💬 Author

👨‍💻 Developed By @DHANUSH KUMAR 🔗 GitHub Profile

⭐ A modern, scalable, and real-time StreetShop experience built for speed, simplicity, and street-style flavor! 😎