Code Monkey home page Code Monkey logo

uber-clone's Introduction

A Uber Clone project using Next.js.

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.

Features

  • Responsive
  • Simple
  • Easy to use

Before starting

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.

How To Use

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

Deployment

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 !

Technologies Used

  • Frameworks : Next.js and TailwindCSS
  • Programming Languages : Javascript and CSS

Thanks

If you like this portfolio template, don't forget to give it a โญ and also share it with me here.

uber-clone's People

Contributors

dependabot[bot] avatar ykizou avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.