GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → narendrashetty → Uber Mobile Web

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.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactperformancepwaubermobile-web

Projects that are alternatives of or similar to Uber Mobile Web

React Shrine
"Shrine" Progressive Web App sample built with React
Stars: ✭ 322 (+37.02%)
Mutual labels:  performance, pwa
Hint
💡 A hinting engine for the web
Stars: ✭ 3,280 (+1295.74%)
Mutual labels:  performance, pwa
quiz-app
🏆 QuizApp is a free and open-source quiz application that lets you play fully customized quizzes right in the browser.
Stars: ✭ 97 (-58.72%)
Mutual labels:  pwa, mobile-web
Browser Metrics
A collection of metrics tools for measuring performance ⚡️
Stars: ✭ 115 (-51.06%)
Mutual labels:  performance, pwa
Lighthouse Batch
Run Lighthouse analysis over multiple sites in a single command
Stars: ✭ 83 (-64.68%)
Mutual labels:  performance, pwa
Angular Performance Checklist
⚡ Cheatsheet for developing lightning fast progressive Angular applications
Stars: ✭ 3,725 (+1485.11%)
Mutual labels:  performance, pwa
Pwa Fundamentals
👨‍🏫 Mike & Steve's Progressive Web Fundamentals Course
Stars: ✭ 256 (+8.94%)
Mutual labels:  pwa, mobile-web
Pgtune
Pgtune - tuning PostgreSQL config by your hardware
Stars: ✭ 1,078 (+358.72%)
Mutual labels:  performance, pwa
Jscost.org
JSCost.org - a JavaScript cost visualizer 💸
Stars: ✭ 101 (-57.02%)
Mutual labels:  performance, mobile-web
Learning Pwa
📱some samples and blogs about how to start with your first PWA
Stars: ✭ 162 (-31.06%)
Mutual labels:  performance, pwa
React Worker Image
React component to fetch image resources via web workers 🤖🤖
Stars: ✭ 226 (-3.83%)
Mutual labels:  performance
Hastlayer Sdk
Turning .NET assemblies into FPGA hardware for faster execution and lower power usage. See the Readme and https://hastlayer.com.
Stars: ✭ 226 (-3.83%)
Mutual labels:  performance
Droidtelescope
DroidTelescope（DT），Android端App性能监控框架
Stars: ✭ 231 (-1.7%)
Mutual labels:  performance
Bombardier
Fast cross-platform HTTP benchmarking tool written in Go
Stars: ✭ 2,952 (+1156.17%)
Mutual labels:  performance
Perfcascade
Responsive, SVG based HAR waterfall viewer
Stars: ✭ 225 (-4.26%)
Mutual labels:  performance
Entitas Cpp
Entitas++ is a fast Entity Component System (ECS) C++11 port of Entitas C#
Stars: ✭ 229 (-2.55%)
Mutual labels:  performance
Awesome Go Perf
A curated list of Awesome Go performance libraries and tools
Stars: ✭ 223 (-5.11%)
Mutual labels:  performance
Nanolog
Nanosecond scale logger inspired by https://github.com/PlatformLab/NanoLog
Stars: ✭ 220 (-6.38%)
Mutual labels:  performance
Profilinggo
A quick tour (or reminder) of Go performance tools
Stars: ✭ 219 (-6.81%)
Mutual labels:  performance
React Firebase Admin
React ⚛️ starter kit with Firebase 🔥 and Bulma for setting up an admin dashboard - Highly scalable, PWA, Serverless
Stars: ✭ 232 (-1.28%)
Mutual labels:  pwa
View All Similar Projects ➔

Uber clone for mobile web

Live Demo: 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

Below is the gif of the app with basic interaction.

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].