https://github.com/k-daksh/uberclone
UberClone is a full-stack ride-sharing app built with React, Tailwind CSS, Socket.IO (client & server), Node.js, Express, Mongoose, and MongoDB. It uses JWT for authentication and is deployed with Vite, Vercel, and OnRender, integrating Google Maps API for location services.
https://github.com/k-daksh/uberclone
express google-maps-api mongodb nodejs react socket-io twilwind uber uber-clone
Last synced: 2 months ago
JSON representation
UberClone is a full-stack ride-sharing app built with React, Tailwind CSS, Socket.IO (client & server), Node.js, Express, Mongoose, and MongoDB. It uses JWT for authentication and is deployed with Vite, Vercel, and OnRender, integrating Google Maps API for location services.
- Host: GitHub
- URL: https://github.com/k-daksh/uberclone
- Owner: K-Daksh
- Created: 2025-01-16T23:51:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-12T12:42:04.000Z (over 1 year ago)
- Last Synced: 2026-01-03T11:55:15.775Z (6 months ago)
- Topics: express, google-maps-api, mongodb, nodejs, react, socket-io, twilwind, uber, uber-clone
- Language: JavaScript
- Homepage: https://uber-clone-app-bay.vercel.app/
- Size: 23.8 MB
- Stars: 3
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
UBER
### Try for yourself https://uber-clone-app-bay.vercel.app/
## Features
- User login/signup (JWT-based authentication)
- Google Maps integration for live tracking
- Real-time ride events via Socket.IO
- Driver and user dashboards with unique flows
## Table of Contents
1. [Project Overview](#project-overview)
2. [Tech Stack](#tech-stack)
3. [Quick Setup](#quick-setup)
4. [Architecture](#architecture)
5. [License](#license)
## Project Overview
1. A user can sign in, request a ride, and track the driver’s location in real-time.
2. A captain/driver can log in, view ride requests, and update location for live tracking.
3. Uses a backend server (Node.js/Express) for APIs and real-time sockets.
4. Utilizes a modern frontend (React) with Google Maps for a mobile-friendly UI.
## Tech Stack
- **Frontend**: React, Tailwind CSS, Socket.IO client, Google Maps API
- **Backend**: Node.js, Express, Mongoose, MongoDB, Socket.IO server
- **Authentication**: JWT-based
- **Deployment**: Vite (development), Vercel and OnRender
## Quick Setup
1. Clone this repo:
git clone https://github.com/K-Daksh/UberClone.git
2. Install dependencies (each folder):
- cd backend && npm install
- cd ../frontend && npm install
3. Start the backend:
npm run dev (or npm start)
4. Start the frontend:
npm run dev
5. Configure environment variables in .env (e.g., MongoDB URI, Google Maps Key).
## Architecture
- **pages/** – Various routes (Home, Login, CaptainHome, etc.)
- **components/** – Reusable UI components (LocationSearchPanel, LiveTracking, etc.)
- **context/** – React Context for user, captain, and socket states
## License
This project is open-source and available under the [MIT License](LICENSE). Feel free to modify or distribute.