dev-community

所属分类:编程语言基础
开发工具:SCSS
文件大小:0KB
下载次数:0
上传日期:2024-01-02 06:17:15
上 传 者sh-1993
说明:  该项目使用Github API和Typescript面向对象编程来生成卡片,在搜索字段中键入用户存储库。
(The project uses the Github API and Typescript object-oriented programming to generate cards with repositories of users typed into the search field.)

文件列表:
public/
src/
LEARN.md
LICENSE
index.html
package.json
tsconfig.json
yarn.lock

# Dev Community ![image](https://github.com/viniciusnevescosta/dev-community/assets/66970818/058c902c-73e5-4276-bb23-dc631a36edc0) Bem-vindo ao repositório do meu projeto "Dev Community"! Aqui, explorei a integrao com a API do Github, utilizando TypeScript com uma abordagem orientada a objetos para gerar cards com informaes dos repositórios dos usuários pesquisados no campo de busca. - [Read in english](en_README.md) ## Sumário de Conteúdos - [Viso Geral](#viso-geral) - [Tecnologias Utilizadas](#tecnologias-utilizadas) - [Funcionalidades](#funcionalidades) - [Como Testar](#como-testar) - [Aprendizados Adquiridos](#aprendizados-adquiridos) ## Viso 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 aplicao que gera cards dinmicos, apresentando informaes 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 'Codelndia'](https://www.figma.com/file/Yb9IBH56g7T1hdIyZ3BMNO/Desafios---Codel%C3%A2ndia?type=design&node-id=624-2&mode=design&t=Trxmon2KQNwAqiIN-0). ## 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 informaes sobre usuários e repositórios. ## Funcionalidades 1. **Pesquisa de Usuários:** - Utilize o campo de busca para encontrar usuários do Github. 2. **Gerao Dinmica de Cards:** - Ao pesquisar um usuário, o aplicativo gera automaticamente cards com informaes sobre os repositórios encontrados. 3. **Detalhes do Repositório:** - Cada card exibe detalhes como o nome do repositório, descrio, 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](https://desafio22-codelandia.vercel.app/) ### Localmente 1. **Clone o Repositório:** ```bash git clone https://github.com/viniciusnevescosta/dev-community.git ``` 2. **Instale as Dependências:** ```bash cd dev-community pnpm i ``` 3. **Execute o Aplicativo:** ```bash pnpm dev ``` ## Aprendizados Adquiridos Durante o desenvolvimento deste projeto, adquiri conhecimentos importantes, incluindo: - Utilizao do TypeScript para adicionar tipagem estática ao JavaScript. - Integrao eficaz com a API do Github para recuperar informaes de usuários e repositórios. - Estilizao dinmica utilizando SCSS para criar cards atraentes e responsivos. --- **Nota:** Este projeto foi arquivado pois representa um estudo concluído com sucesso. No há planos de desenvolvimento adicional, pois seus objetivos foram alcanados com êxito.

近期下载者

相关文件


收藏者