https://github.com/hugovarellaa/clone-homepage-tesla

Clone UI Tesla - clonando a pagina da tesla com as animações
https://github.com/hugovarellaa/clone-homepage-tesla

framer-motion react styled-components typescript

Last synced: 4 days ago
JSON representation

Clone UI Tesla - clonando a pagina da tesla com as animações

• Host: GitHub
• URL: https://github.com/hugovarellaa/clone-homepage-tesla
• Owner: Hugovarellaa
• Created: 2021-09-02T02:04:39.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-20T20:23:58.000Z (almost 3 years ago)
• Last Synced: 2024-12-23T20:21:48.315Z (about 2 months ago)
• Topics: framer-motion, react, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 22.6 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Clone UI tesla 💛🚀

Feito com 💙 por Hugo Alves Varella


 



  

  

  



## 📚 Informações sobre o projeto

- Esse projeto foi desenvolvido durante uma aula no youtube da Rocketseat, aonde o intuito era desenvolver um clone ta interface do site da tesla com os efeito de transições e Mobile First.

 

## 💻 O que tem no projeto?

- Mobile First.

- responsividade.

- Animações com Framer-Motion.

 

## 🛠️ Tecnologias/Ferramentas ultilizadas

- [React](https://pt-br.reactjs.org/E)

- [styled-components](https://styled-components.com/)

- [framer-motion](https://www.framer.com/motion/)

 

## ⚙️ Instalação

```

# Abra um terminal e copie este repositório com o comando

$ git clone https://github.com/Hugovarellaa/clone-homepage-tesla

```

```

# Acesse a pasta da aplicação

$ cd clone-homepage-tesla

# Instale as dependências

$ yarn

# Inicie a aplicação

$ yarn start

```