🚗 Ride Rescue

Your Guardian Angel on the Road

Never get stranded again.
Ride Rescue connects you with certified mechanics and roadside assistance in seconds — turning vehicle emergencies into minor inconveniences.

→ 🚀 Live Demo
→ 📹 Watch Video
→ 🐛 Report Bug
→ ✨ Request Feature

---

📖 Table of Contents

• 🎯 What is Ride Rescue?
• ✨ Features
• 🎥 Demo
• 🛠️ Tech Stack
• ⚡ Quick Start
• 📱 Screenshots
• 🗺️ Roadmap
• 🤝 Contributing
• 👨‍💻 Author
• 📄 License

---

🎯 What is Ride Rescue?

Imagine this: You’re driving late at night, miles from home… and your car breaks down. Panic. No help in sight.

Enter Ride Rescue 🦸‍♂️ — your 24/7 roadside superhero.
With just one tap, connect with certified mechanics, get fuel delivered, or request emergency help right where you are.

Perfect For:

• 🌃 Late-night emergencies
• 🛣️ Highway breakdowns
• ⛽ Running out of fuel
• 🔧 Sudden mechanical issues
• 🆘 Any roadside chaos

---

✨ Features

🎨 Modern UI & Animations

• Glassmorphism Design: Sleek, modern interface with frosted glass effects.
• Smooth Transitions: Powered by framer-motion for a seamless user experience.
• Interactive Elements: Tilt effects, hover animations, and staggered content loading.

🔧 Instant Mechanic Request

One-tap SOS connects you with certified mechanics nearby. Fast, reliable, no guessing.

⛽ Emergency Fuel Delivery

Ran out of gas? We’ll bring fuel to your exact location. Stay safe, stay seated.

📍 Smart Location Detection

Advanced GPS pinpointing finds you even if you don’t know where you are.

📱 Mobile-First Design

Clean, responsive UI built to work smoothly even when you’re stressed.

🚀 Lightning Fast

Requests process in under 3 seconds because every second counts.

🔒 Secure & Reliable

All data is encrypted and accessible only to verified service providers.

---

🎥 Demo

📹 Watch Ride Rescue in Action

---

🛠️ Tech Stack

Frontend: Next.js 15 (App Router), React, TypeScript
Styling: Tailwind CSS, CSS Modules, Framer Motion
Backend: Supabase (PostgreSQL, Auth, Realtime)
Maps: Leaflet (OpenStreetMap) / Google Maps API
Deployment: Vercel (CI/CD)
State Management: React Hooks, Context API

Built with:

---

⚡ Quick Start

🧩 Installation

git clone https://github.com/hemvaria/ride-rescue.git
cd ride-rescue
npm install

🏃 Run Dev Server

npm run dev

---

🗺️ Roadmap

✅ Current (v1.0)

• SOS system
• Location-based provider matching
• Fuel delivery
• Responsive UI
• New: About Page & Enhanced Services Page
• New: Vertical History Timeline
• New: Vehicle Management with Animations

🚀 Coming Soon (v2.0)

• Real-time tracking
• Rating & reviews
• In-app chat
• Voice SOS
• Admin dashboard
• Push notifications
• Payment integration

🔮 Future Vision

• AI diagnostics
• Subscription plans
• Multi-language support
• Insurance integration

---

🤝 Contributing

We ❤️ open source!

Found a bug? → Open an issue
Have an idea? → Request a feature
Want to code? → Fork the repo and make a pull request!

---

👨‍💻 Author

Hem Varia
🚀 Student | Freelancer | Developer | Designer

🌐 Portfolio • 🐙 GitHub • 💼 LinkedIn • 📸 Instagram

---

📄 License

Distributed under the MIT License.
See LICENSE for more information.