Git Product home page Git Product logo

tesla-clone's Introduction

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

tesla-clone's People

Contributors

aswinbarath avatar

Stargazers

 avatar

Watchers

 avatar  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.