/dev-community

The project uses the Github API and Typescript object-oriented programming to generate cards with repositories of users typed into the search field.

Primary LanguageSCSSMIT LicenseMIT

Dev Community

image

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.

Sumário de Conteúdos

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

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.