CS Challenge

Descrição do Projeto

Fiz esse projeto com base no desafio: https://github.com/1STi/desafio-frontend, para ampliar meus conhecimentos em Styled Components (https://styled-components.com/) e TypeScript com a biblioteca React.Js e também para aprender a como trabalhar com APIs.

Tecnologias usadas:

Esse projeto foi criado com React + Vite (https://pt.vitejs.dev/guide/).

Começando com React + Vite

Você precisa ter NPM instalado para rodar essa aplicação.

Clone esse projeto

  git clone + url do código

Entre na pasta

  cd sua-pasta

Instale dependências

 npm create vite@latest my-react-app -- --template react

Para rodar!

  npm run dev

Estrutura do projeto

Na pasta src estão as pastas de pages, onde estão os arquivos de funcionalidades da aplicação (documentos .tsx) e estilos das páginas com Styled-Components nos documentos ts, a pasta router onde foi configurado as rotas do projeto e o arquivo App.tsx, onde está a aplicação principal.

Melhorias futuras

Poderia ter usado pagination no arquivo Repos.tsx para mostrar de fato todos os repositórios, mostrando do jeito que está no Github. Como não tem, há um limite de repositórios que aparecem na página. Também colocaria os estilos que estou reutilizando na pasta components, em vez de fazer um estilo para cada componente separadamente.