/tesla-clone

Tesla Landing Page Clone App

Primary LanguageJavaScript

Tesla Clone

Tesla Clone Cover design

Tesla Landing Page Clone App


Table of content


Demo

Tesla Clone demo


Screenshots

Home Page

Tesla Clone Home Page

Tesla Clone Home Page

Tesla Clone Home Page

Tesla Clone Home Page

Tesla Clone Home Page

Tesla Clone Home Page

Tesla Clone Home Page

Tesla Clone Side Bar


Technologies

React JS   Redux JS   Material UI   Styled components   Heroku  


What's unique in this Project

  • The Tesla clone project is an attempt to replicate the Tesla cars landing page with React JS and React ecosystem.
  • Tesla clone uses redux for managing states such as user clicks for checking hamburger menu, passing tesla cars data.
  • Styled components are used for developer productivity where components are wrapped in containers and styles are applied inside the same component codebase.
  • Material UI and React Reveal libraries are used to create decent animations for easy user experience in scrolling the landing page.
  • The clone is deployed on Heroku cloud platform with continous build processes once GitHub repo code is updated.

Contributors


Notes from development experience

NPM commands

  • npx create-react-app tesla-clone --template redux
  • npm install styled-components
  • npm start

Components

Header

  • Used rfce Functional React Component Snippet

Home

  • Used rfce Functional React Component Snippet

Section

  • Used rfce Functional React Component Snippet
  • For reusing inside Home component

Useful VS Code Extensions

  • ES7 React/Redux/GraphQL/React-Native snippets by dsznajder

⬆ Back to Top