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.
Esse projeto foi criado com React + Vite (https://pt.vitejs.dev/guide/).
Você precisa ter NPM instalado para rodar essa aplicação.
git clone + url do código
cd sua-pasta
npm create vite@latest my-react-app -- --template react
npm run dev
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.
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.