Uber-Rebuilt

Uber-rebuilt is a modification of the current Uber website, which resembles its functioning and UI. The project is been made to replicate the original booking page of Uber.

Checkout our Build: https://uber-rebuilt.vercel.app

Features

• Login and Logout functionality (Google Authorisation)
• Responsiveness
• Pickup and Dropoff location selection
• Maps from Mapbox API

Demo

Run Locally

Clone the project

  git clone https://github.com/adarsh-sharma6218/Uber-rebuilt

Go to the project directory

  cd Uber-rebuilt

Install dependencies

  npm install

Start the server

  npm run dev

Technologies Used

Have a look at the technologies been used while developing Uber-rebuilt:

• Mapbox - Maps and location for developers. Provides custom online maps for websites and applications. It also contains different themes and styles to be used in a website.

• Next.js - The React Framework for Production.

• Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.

Lessons Learned 🔥

• Learned a new JavaScript framework Next.js. Best thing about Next.js is that you don't have to write long code for router 😅 + faster rendering 🚀 (due to server side rendering).
• Styled components in Tailwind CSS. This method is much cleaner than writing traditional Tailwind classes.
• Implementing Google Authorisation through Firebase.
• React Hooks especially useEffect and useState.
• Some important CSS properties like position, flexbox, transform, transition, etc.