Building Uber Clone App with React Js, Next Js, TypeScript

• Author
• Demo
• Technologies
• Contributing
• Status
• Features
• Inspiration
• Support
• Feedback
• Run Locally
• Environment Variables
• Screenshots

Client:

• React Js
• Next Js
• Redux
• Tailwind CSS with Styled-Components
• Heroicons

Server:

• Vercel Hosting
• Firebase Google Authentication

• User authentication
• Mapbox Integration

Contributions are always welcome!

For support, email [email protected].

If you have any feedback, please reach out to me at [email protected]

Twitter https://twitter.com/ArbaaSaddam/

Linkedin. https://www.linkedin.com/in/saddamarbaa/

Github https://github.com/saddamarbaa

Instagram https://www.instagram.com/saddam.dev/

Facebook https://www.facebook.com/saddam.arbaa

Clone the project

 https://github.com/saddamarbaa/uber-clone-app-nex-js

Go to the project directory

  cd uber-clone-app-nex-js

Install dependencies

  npm install

Start the server

npm run dev
# or
yarn dev

• To run this project, you will need to create a new project on firebase, setup Firebase google authentication and add the following environment variables to your next.config.js

• API_KEY

• AUTH_DOMAIN

• PROJECT_ID

• STORAGE_BUCKET

• MESSAIN_SENDER_ID

• APPID

• then create a new project on Mapbox and add the following environment variables to your next.config.js

• MAP_BOX_ACCESS_TOKEN

Project is now in progress

Build By Saddam Arbaa Project inspired by [Uber] https://www.uber.com/

This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind docs.

It uses the new Just-in-Time Mode for Tailwind CSS.

Preview the example live on StackBlitz:

Deploy the example using Vercel:

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).