Tesla Touchscreen

Create a Tesla touchscreen UI clone that allows someone to control simulated car features.

Brief

There are a lot of features bundled with a Tesla that make people excited, but one aspect that’s relatable to developers is the touchscreen panel at the heart of the car’s user experience. Similar to an app we might use on the web or our phones, it has user activated controls for things like maps and music.

Level 1

Part of what makes an app-like experience is the ability to easily change between different screens providing different context. While we might be using our map’s navigation, we may want to switch to our car’s settings panel or browse around for music (when the car is stopped of course).

Add a tabbed interface that allows someone to navigate between different screens.

More levels including the ability to save your progress coming soon!

To Do

Toolbox

  • react-tabs
  • Spotify API
  • Leaflet
  • React Leaflet

Resources

Start Doing Now

Get all projects as an ebook right to your inbox for FREE!

Love 50 React Projects?