This web application is made using Next.js and some firebase services (authentication) to let user experience to choose the route on different fares. There are four sectioned paged for user to view : login, search,confirm and location.
User could login their googl account to access Uber service, search paged is viewed to choose the pickup and dropoffer location. User also see the locations where they choose and see models of vehicles and their fares they could choose.
Feature
- Login
- Homescreen
- Location
- Sign out
- back button
- Search
- Map
- Ride selector
- Fares
| Login | Home | Search | Confirm |
|---|---|---|---|
 |
 |
 |
 |
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
This map of the app is using Mapbox Geocoding API to display.