🚖 GoCabs - Ride Application 🌍

GoCabs is a modern and user-friendly ride-booking application designed to connect users with drivers seamlessly. Built using the React.js, Node.js, Socket, MongoDB, Express.js. GoCabs provides reliable transportation services, real-time tracking.

---

🌐 Demo

🎥 Demo Video: Watch Now

---

🛠️ Technologies Used

• Frontend: React.js, GSAP (for animations)
• Backend: Node.js, Express.js
• Database: MongoDB
• WebSocket: Real-time communication using Socket.IO
• Authentication: JSON Web Tokens (JWT)
• Styling: Tailwind CSS, Bootstrap
• APIs: Google Maps API for location search and route suggestions

---

✨ Key Features

User Functionalities:

• Login/Logout: Secure token-based authentication for seamless user sessions.
• Sign-Up: New user registration.
• Real-Time Location Search: Optimized location suggestions for pickup and destination using Google Maps API.
• Ride Fare Estimation: View fare details based on pickup and destination points.
• Live Tracking: Track the driver’s live location during the ride.
• Dynamic Ride Panels: Intuitive panels for selecting vehicles, confirming rides, and tracking driver progress.

Driver Functionalities:

• Real-Time Ride Requests: Drivers receive ride requests dynamically.
• Ride Acceptance: Option to accept or reject ride requests.
• Ride Status Updates: Notify the user when the ride is confirmed, started, or completed.

---

🔧 Installation

1. Clone the Repository:

git clone https://github.com/kavitab7/GoCabs_Web.git

2. Backend Setup:

1. Navigate to the backend folder:

   cd backend  

2. Install dependencies:

   npm install  

3. Set up environment variables in a .env file:

   PORT=5000  
   MONGO_URI=your_mongodb_connection_string  
   JWT_SECRET=your_jwt_secret  
   GOOGLE_API_KEY=your_google_api_key

4. Start the server:

   npm run dev  

3. Frontend Setup:

1. Navigate to the frontend folder:

   cd frontend  

2. Install dependencies:

   npm install

3. Set up environment variables in a .env file:

   REACT_APP_BASE_URL=http://localhost:5000
   REACT_APP_GOOGLE_API_KEY=your_google_api_key

4. Start the React app:

   npm start  

4. Open the App:

Visit the app at: http://localhost:3000

---

🎉 How It Works

1. User Experience:

   • Enter pickup and destination locations.
   • View fare estimates and available vehicle options.
   • Confirm the ride and wait for the driver to arrive.
   • Track the ride in real-time until the destination is reached.

2. Driver Experience:

   • Accept or reject ride requests from nearby users.
   • Update the ride status dynamically during the trip.

---

📈 Future Enhancements

• Add dynamic pricing based on demand and time of day.
• Implement driver reviews and ratings.
• Integrate push notifications for ride updates.
• Develop a comprehensive admin dashboard with enhanced analytics.

---

🤝 Contributions

Feel free to contribute! Fork the repository, make changes, and create a pull request.

---

Enjoy your hassle-free rides with GoCabs! 🚗✨