react_skeleton_ts_tailwind

Expandir

:computer: Projeto

Projeto para demonstrar um componente que é exibido enquanto os dados requistados de uma API não são mostrados na tela, conhecido como Skeleton.
Tal componente tem como função melhorar a usabilidade do usuário, mostrando que algo está acontecendo enquanto utiliza a aplicação.

:sparkles: Testando o projeto

Você pode testar o projeto clicando aqui.
Para testar o modo Dark, experimente alterar o modo de exibição do sistema: "Claro para Escuro || Escuro para Claro"

:zap: Tecnologias

• React
• TailwindCss

:hammer_and_wrench: Features

• Responsividade
• Acessibilidade
• Usabilidade

:dart: Aprendizado

Neste projeto foi posto em prática os princípios de componentes, usabilidade e responsividade, a fim de melhorar a usabilidade para o usuário.

:sparkler: Executando o projeto

Pare executar essa aplicação em seu computador, faça um git clone para o seu dispositivo:

git clone https://github.com/diegodls/react_skeleton_ts_tailwind.git

Navegue pelo terminal até a pasta raiz do projeto e execute o comando yarn (ou npm install, caso utilize npm), isso fará que sejam instaladas as dependências do projeto.
Após a instalação, execute o comando yarn dev (ou similar, como npm dev) para executar a aplicação.
Basta visitar a url gerada no terminal para testar a aplicação.

:framed_picture: Screenshots

:page_facing_up: Licença

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