Skip to content

nanifour/tesla-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

43 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React Tesla Clone ๐Ÿš—

Deployed Site

This is a front-end application that mimics Tesla's landing page. It was built with React + Redux. The website is fully responsive.

2 Screenshots

UI-wise this application looks like the original Tesla Landing Page with the exception of the scroll feature

Landing page ScreenShot

Right menu opened ScreenShot

3 Technologies & Components Used ๐Ÿงฐ

- ReactJS

- CSS 

-  React Reveal Module for scrolling animations (Fade effect)

- Styled Components 
    - Used this for most of the css components

- Material Ui for icons

4 Website structure ๐Ÿ‘ท

  • Application
    • Header
      • logo
      • menu (left menu)
      • right menu
    • Components
      • Section: The first section that includes the bouncing down arrow
      • Sections: car models through assessories
      • All of the Sections included:
        • text components (for headings and paragraphs)
        • button component
    • Footer

About

A Tesla's website landing page clone built with Redux - Redux ๐Ÿš˜

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors