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 saddamarbaas@gmail.com.
If you have any feedback, please reach out to me at saddamarbaas@gmail.com
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).