This project is aimed for beginners and has two main goals :
- Work with an external API.
- Deploy the App in Vercel.
I worked on this project while watching this tutorial from Clever Programmer in Youtube : Uber Clone with Next JS, React JS, Tailwind CSS and Firebase.
I can't stress this enough guys, doing projects is by far the best way to get you started and Clever Programmer has some really great content for early beginners !
To view a live example, click here.
If you want to contribute and make this much better for other developers, have a look at Issues.
If you created something awesome and want to contribute, then feel free to open a pull request.
- Responsive
- Simple
- Easy to use
As I said earlier, this project needs an external API. Can you guess why ?
Well, to develop a Uber Clone, we will need someone to provide us with some maps and Mapbox works wonders for what we are trying to implement.
So go ahead and Sign up to Mapbox (don't worry, we will only use the free version for this project).
Once your account is activated, you will be given an Access Token. the Default public token that Mapbox gives us is all we need.
From your command line, clone and run Todo-list:
# Clone this repository
$ git clone https://github.com/YKizou/Uber-Clone
# Go into the repository
$ cd Uber-Clone
# Install dependencies
$ yarn
Search for YOUR_ACCESS_TOKEN and replace it with your actual token provided by Mapbox. "YOUR_ACCESS_TOKEN" exists in four different locations inside the repo.
And finally :
# Run Project
$ yarn dev
When you are done with the setup, you can host your app online. I highly recommend you to read through the Vercel docs for deployment. It's super easy and you will have your first project online in few minutes !
- Frameworks : Next.js and TailwindCSS
- Programming Languages : Javascript and CSS
If you like this portfolio template, don't forget to give it a ⭐ and also share it with me here.