tesla-homepage-ui-clone

KO | EN

gitlite — search

#python #java #javascript #php #html #ruby #gulp #c-plus-plus #hacktoberfest #go #css #library

tesla-homepage-ui-clone

★ 12 Open GitHub ↗

This app contains an UI clone from Tesla homepage

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)
  ![GitHub last commit](https://img.shields.io/github/last-commit/leoronne/tesla-homepage-ui-clone?color=green&style=flat-square)
  ![GitHub top language](https://img.shields.io/github/languages/top/leoronne/tesla-homepage-ui-clone?style=flat-square)

</div>

<a href="#project-star2">Project</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
 <a href="#techs-rocket">Techs</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
 <a href="#installation-wrench">Installation</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
 <a href="#start-on">Start</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
 <a href="#contributing-">Contributing</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
 <a href="#license-memo">License</a>

## Project :star2:

This project was part of an UI Clone challenge, the idea was to replicate Tesla homepage using ReactJS and framer-motion, the last one intended to mimic Tesla's animations when scrolling through the page sections.

Deployed [here](https://tesla.ui-clone.ronne.dev/).

## Techs :rocket:

- [x] [ReactJS](https://reactjs.org);
- [x] [TypeScript](https://www.typescriptlang.org/);
- [x] [Framer Motion](https://www.framer.com/motion/);
- [x] [Styled Components](https://styled-components.com/).

## Installation :wrench:

First you need to clone the project using `git clone https://github.com/leoronne/tesla-homepage-ui-clone.git`.

You can install the application using `npm install` or `yarn install` on the root dir.

## Start :on:

To start the application interface just run `npm start` or `yarn start` on the root dir.

## Contributing 🤔

Please read [CONTRIBUTING](https://github.com/leoronne/tesla-homepage-ui-clone/blob/master/CONTRIBUTING.md) for details on code of conduct, and the process for submitting pull requests to the project.

## License :memo:

[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)

tesla-homepage-ui-clone

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README