MauricioAires / twitter-airs

Twitter clone com enfoque na responsividade, light e dark mode.

Home Page:https://twitter-airs.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

twitter-airs

Tecnologias   |    Projeto   |    Layout   |    Como executar   |    Licença

languages Top languages Top languages License


✨ Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

💻 Projeto

Então... dando o primeiro passo nos estudos de react resolvi recriar parcialmente a interface do Twitter seguindo a super aula do Guilherme Rodz.

Bastante focando em componentização e responsividade, foi utilizado as propriedades min, max e @media para obter o melhor resultado, aplicando breakpoints nas larguras de 500px, 1000px, 1280px.

Fui um pouco além da aula 🤭 e utilizei o ThemeProvider do próprio styled-components para aplicar os temas light e dark.

Ficou legal, resolvi compartilhar com vocês.

Segue abaixo o link do deploy na Vercel:

Vercel: https://twitter-airs.vercel.app/

🔖 Layout

Layout do projeto

twitter-airs

twitter-airs

twitter-airs

🚀 Como executar

  • Clone o repositório
  • Instale as dependências com yarn
  • Inicie o servidor com yarn start

Agora você pode acessar localhost:3000 do seu navegador.

📄 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

About

Twitter clone com enfoque na responsividade, light e dark mode.

https://twitter-airs.vercel.app/

License:MIT License


Languages

Language:TypeScript 95.2%Language:HTML 4.8%