https://github.com/narendrashetty/uber-mobile-web

This is an attempt to mock the new uber app into mobile web to learn how react can be used to optimize for mobile web.
https://github.com/narendrashetty/uber-mobile-web

mobile-web performance pwa react uber

Last synced: 2 months ago
JSON representation

This is an attempt to mock the new uber app into mobile web to learn how react can be used to optimize for mobile web.

• Host: GitHub
• URL: https://github.com/narendrashetty/uber-mobile-web
• Owner: narendrashetty
• Created: 2016-12-19T15:48:54.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-05-29T14:59:51.000Z (over 7 years ago)
• Last Synced: 2024-08-09T13:16:16.332Z (6 months ago)
• Topics: mobile-web, performance, pwa, react, uber
• Language: JavaScript
• Homepage: https://uberweb.herokuapp.com
• Size: 2.03 MB
• Stars: 248
• Watchers: 15
• Forks: 107
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Uber clone for mobile web

Live Demo: [https://uberweb.herokuapp.com](https://uberweb.herokuapp.com)

Blog: [https://medium.com/@narendrashetty/how-i-built-a-super-fast-uber-clone-for-mobile-web-863680d2100f]

This is about my learning on performance techniques used to make Uber

mobile web which I built using React as fast as possible.

**Motivation**

It’s been 1 year since Flipkart Lite was launched and few months

since Housing Go was launched and I was always fascinated with the idea of how

mobile web is a future and I wanted to give a try.

First I needed an app on which I can implement the perf techniques, and Uber had

just recently launched their app with new design and it looked promising so I

decided to clone the app using React.

It took me a some time to build the basic implementation of the app, I have used

[https://github.com/uber/react-map-gl](https://github.com/uber/react-map-gl)

Below is the gif of the app with basic interaction.

![](mock.gif?raw=true)

Please give a visit to the demo on your mobile browser and share your inputs with me. (Since I hosted it on heroku, it’s goes down when it has no visits. Don’t lose patience if it doesn’t load at first :P).

Maintaining Performance is like a chess, one wrong move and it undos lot of hardwork done.