🚗 Commute Connect

A modern full-stack ride-sharing web application built for students and working professionals to find, offer, and manage daily commute rides in a simple, secure, and user-friendly way.

🔗 Live Demo: https://commuteconnect.vercel.app

---

📖 About the Project

Commute Connect was built to solve the problem of daily commuting by connecting people travelling on similar routes.

Instead of travelling alone, users can offer rides, search for available rides, and connect with other commuters while reducing travel costs and making commuting more convenient.

This project was built as a complete full-stack application to strengthen my skills in frontend development, backend APIs, authentication, database integration, deployment, and responsive UI design.

---

✨ Features

👤 Authentication

• Secure user registration & login
• Supabase Authentication
• Protected routes
• Profile creation after signup
• Password reset support

🚘 Ride Management

• Offer a ride
• Search available rides
• Filter rides
• Ride details page
• Live ride preview
• Vehicle information

📍 Location Search

• Location autocomplete
• Smart address suggestions
• Pickup & destination selection

👤 User Profile

• Edit profile
• Profile photo
• Contact information
• Vehicle information
• User preferences

🎨 User Experience

• Responsive design
• Mobile friendly navigation
• Dark / Light theme
• Toast notifications
• Loading states
• Clean modern UI

🔒 Security

• JWT Authentication
• Protected API endpoints
• Secure backend validation

---

🛠 Tech Stack

Frontend

• React
• TypeScript
• Vite
• Tailwind CSS
• React Router
• React Query
• Axios

Backend

• Node.js
• Express.js
• TypeScript

Database & Authentication

• Supabase
• PostgreSQL

Deployment

• Vercel (Frontend)
• Render (Backend)

---

📸 Screenshots

🏠 Dashboard & Login

Dashboard	Login

---

🚗 Find Ride & Offer Ride

Find Ride	Offer Ride

---

📅 Bookings & Profile

Bookings	Profile

---

⚙️ Settings & Dark Mode

Settings	Dark Mode

---

📂 Project Structure

commute-connect
│
├── frontend
│   ├── src
│   ├── public
│   └── components
│
├── backend
│   ├── src
│   ├── routes
│   ├── middleware
│   └── services
│
└── docs

---

⚙️ Installation

Clone the repository

git clone https://github.com/Pulipati-Rahul/commute-connect.git

Navigate into the project

cd commute-connect

Install frontend dependencies

cd frontend
npm install

Install backend dependencies

cd backend
npm install

---

▶️ Running the Project

Backend

npm run dev

Runs on:

http://localhost:5000

Frontend

npm run dev

Runs on:

http://localhost:5173

---

🌍 Live Deployment

Frontend

https://commuteconnect.vercel.app

Backend

https://commute-connect-api-kbcc.onrender.com

---

💡 What I Learned

While building this project, I learned:

• Building full-stack applications
• Authentication using Supabase
• REST API development
• React Query
• Protected Routes
• Responsive UI Design
• Deployment using Vercel & Render
• Git & GitHub workflow
• Environment variable management
• Debugging production deployment issues

---

🚀 Future Improvements

• Real-time ride booking
• Live chat between users
• Google Maps integration
• Route optimization
• Push notifications
• Ride history
• Ratings & reviews
• Admin dashboard
• Payment integration
• Email notifications

---

👨‍💻 Author

Pulipati Rahul

Full Stack Developer

GitHub: https://github.com/Pulipati-Rahul

LinkedIn: https://www.linkedin.com/in/pulipatirahul

Portfolio: https://pulipatirahul.vercel.app

---

⭐ Support

If you found this project helpful, consider giving it a ⭐ on GitHub.

It motivates me to continue building high-quality projects.