Dev Community

Bem-vindo ao repositório do meu projeto "Dev Community"! Aqui, explorei a integração com a API do Github, utilizando TypeScript com uma abordagem orientada a objetos para gerar cards com informações dos repositórios dos usuários pesquisados no campo de busca.

• Read in english

Sumário de Conteúdos

• Visão Geral
• Tecnologias Utilizadas
• Funcionalidades
• Como Testar
• Aprendizados Adquiridos

Visão Geral

Este projeto é parte da minha jornada de aprendizado, onde busquei criar uma experiência envolvente para a comunidade de desenvolvedores. Ao utilizar a API do Github, desenvolvi uma aplicação que gera cards dinâmicos, apresentando informações relevantes sobre os repositórios dos usuários.

Além disso, criei o layout deste projeto com base em um desafio de web design no Figma. Link de todos os desafios 'Codelândia'.

Tecnologias Utilizadas

• TypeScript: Uma linguagem superset do JavaScript que adiciona tipagem estática opcional.
• SCSS: Uma linguagem de folha de estilo que é compilada para o CSS.
• Github API: A API oficial do Github para recuperar informações sobre usuários e repositórios.

Funcionalidades

1. Pesquisa de Usuários:

   • Utilize o campo de busca para encontrar usuários do Github.

2. Geração Dinâmica de Cards:

   • Ao pesquisar um usuário, o aplicativo gera automaticamente cards com informações sobre os repositórios encontrados.

3. Detalhes do Repositório:

   • Cada card exibe detalhes como o nome do repositório, descrição, linguagem predominante e número de estrelas.

4. Link para Repositório no Github:

   • Acesse facilmente o repositório no Github clicando no link fornecido em cada card.

Como Testar

Online

• Deploy

Localmente

1. Clone o Repositório:

   git clone https://github.com/viniciusnevescosta/dev-community.git

2. Instale as Dependências:

   cd dev-community
   pnpm i

3. Execute o Aplicativo:

   pnpm dev

Aprendizados Adquiridos

Durante o desenvolvimento deste projeto, adquiri conhecimentos importantes, incluindo:

• 💡 Utilização do TypeScript para adicionar tipagem estática ao JavaScript.
• 🔄 Integração eficaz com a API do Github para recuperar informações de usuários e repositórios.
• 🎨 Estilização dinâmica utilizando SCSS para criar cards atraentes e responsivos.

---

Nota: Este projeto foi arquivado pois representa um estudo concluído com sucesso. Não há planos de desenvolvimento adicional, pois seus objetivos foram alcançados com êxito.