Painel para pesquisa e exibição de dados de usuários do Github. Foram utilizados a biblioteca React e a API da plataforma.

Last update: Apr 24, 2022

Related tags

Overview

React - GitHub User Search

Sobre

Esse projeto foi criado com a biblioteca React JS e com os dados provenientes da GitHub API. Trata-se de uma página para pesquisa de usuários do GitHub. As buscas bem sucedidas retornam um quadro com informações do usuário e dos respectivos repositórios.

O design e layout foram baseados nesse desafio do site Frontend Mentor.

Link de acesso 🔗

Instalação

Caso queira incrementar esse projeto, siga os passos abaixo:

git clone https://github.com/leottx/react-github-user-search.git

Faça o fork desse repositório
Crie um branch git checkout -b <nome-do-branch>
Crie suas modificações e confirme-as: git commit -m '<mensagem-commit>

Comments

feat(error handling): implementa o tratamento de erros

valida o nome do usuario, implementa a animacao de loading e cria o component que exibe a mensagem de erro caso o termo pesquisado nao exista

issue #17

opened by leottx 0
Implementar a animação de loading, a validação do nome de usuário e criar o modal GitError
[x] Criar uma nova branch para esse card

[x] Implementar a animação de loading

[x] Implementar a validação do nome do usuário antes da requisição

[x] Criar um componente para exibir uma mensagem de erro caso o usuário pesquisado não exista.

[x] Commitar e mesclar a branch desse card

feat
opened by leottx 0
Criar o componente GitUserRepos e popular os componentes filhos com os dados dos repositórios do usuário
[x] Criar o componente GitUserRepos

[x] Popular os componentes filhos que representarão os repositórios do usuário quando ocorrer um click no botão "show repos"

[x] Commitar e mesclar a branch desse card

feat
opened by leottx 0
Criar a lógica para popular o board do usuário com os dados obtidos pela requisição a API do GitHub
[x] Criar uma nova branch para esse card

Obter os dados do usuário

[x] Criar a função para requisitar o perfil do usuário

[x] Criar a função para obter os repositórios do usuário

[x] Criar a função para converter a data para o formato en-GB com mês abreviado

[x] Criar a função para calcular o número de stars do usuário

[x] Popular a interface com os dados

[x] Commitar e mesclar essa branch

feat
opened by leottx 0
feat(search component): cria a secao principal da aplicacao

Cria a secao principal da aplicacao e o componente gitsearch, alem de um novo arquivo de tema. Esse arquivo precisou ser criado, pois as funcoes da biblioteca polished nao funcionam com variaveis css e se utilizadas com styled component

issue #5

opened by leottx 0
Configuração inicial do projeto
[x] Clonar o repositório localmente

[x] Criar uma branch chamada develop e para cada card do board criar uma nova branch também

[x] Instalar as dependências iniciais para uma aplicação React

[x] Criar a árvore inicial de diretórios

[x] Baixar os assets que serão utilizados no projeto e incluí-los nos devidos diretórios

[x] Criar os componentes basicos para inicializar a aplicação, incluindo o reset dos estilos default do navegador

[x] Commitar e mesclar a branch desse card com a develop

build
opened by leottx 0

Owner

Leonardo Teixeira

GitHub

DashGo é uma aplicação em React para dashboard's em geral com paginas e paginação, login e sistema de inclusão de usuarios

Ignite - Trilha ReactJS Sobre o projeto O projeto foi baseado no 4º módulo da trilha ReactJS do Ignite. Além do que foi construído na aula, foi criado

53 Nov 23, 2022

Podcastr é uma plataforma construída para transmissão de podcast.

Podcastr ??️ ?? Descrição Podcastr é uma plataforma construída para transmissão de podcast. Website: podcastr-evander.vercel.app ?? Tecnologias Esse p

4 Nov 10, 2022

Curso na plataforma Udemy. Nome do curso: React Completo do básico ao avançado

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

3 Jan 19, 2022

Uma simples pokédex que consome os dados da PokeAPI.

POKEDEX - Caio Almeida Uma pokedex consumindo os dados provindos da API pública: PokeAPI. Protótipo FIGMA Pokedex FIGMA Pré-requisitos Ter o NodeJS in

6 Dec 29, 2021

Site para treinar minhas habilidades com o react no frontEnd (totalmente voltado para o aprendizado)

Tutorial Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you ca

3 Jan 31, 2022

Projeto criado na NLW eSport da RocketSeat. Voltado ao universo de games para conectar pessoas que precisam de um duo para jogar!

NLW eSports O que é o NLW? NLW é o maior evento online e gratuito de programação na prática com muito código, desafios, networking e um único objetivo

2 Sep 15, 2022

Vtexio-react-apps - Apps react para plafaforma VTEX.

Projeto Modal + Apps Extras Projeto modal setando cookies. Desenvolvido em React + TypeScript para aplicação em e-commerce VTEXIO. ?? Este projeto se

1 Jan 3, 2022

Github-ci-cd-react - I followed CI/CD course from codedamn to learn how to implement github actions in a project, in this practical lesson with codedamn am using ReactJS

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

1 Jan 2, 2022

A react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.

fork-me-corner fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and s

9 Jun 30, 2022

Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

Recoil · Recoil is an experimental set of utilities for state management with React. Please see the website: https://recoiljs.org Installation The Rec

18.2k Jan 8, 2023

Single Page Application built using React, Context API and OMDb API.

Movie Search App This project is a React application with functions to search for movies and add movies to favorites using OMDb API. Home Page Favorit

24 Sep 6, 2022

An implementation of GitHub's Primer Design System using React

Primer React A React implementation of GitHub's Primer Design System Documentation Our documentation site lives at primer.style/react. You'll be able

2.2k Dec 26, 2022

Juego del ahorcado en JS, reto del programa ONE para la vitrina Alura Latam

Juego del ahorcado - JavaScript Programa ONE Nahuel-DevOne Información del proyecto: Este es mi segundo proyecto para el programa ONE de Oracle + Alur

8 Oct 4, 2022

Aplicação para o envio de postagens.

LinkedIn Clone Aplicação para o envio de postagens. ☕ Usando LinkedIn Clone Para usar LinkedIn Clone, clique no link abaixo: ![Link] ?? Tecnologias As

8 Aug 5, 2022

Aplicativo mobile desenvolvido para o FF-Hackathon.

2 Jun 17, 2022

Um boilerplate para reutilizar em novos projetos.

Arquitetura limpa com React O Objetivo deste projeto é colocar em prática o estudo em TESTES unitário, realizando desacoplamento de funcionalidades, r

3 Oct 10, 2022

Github Leaderboard API - Most popular users, repositories, etc.

Github Leaderboard API Data pengguna, repositori, organisasi populer yang ada di Github dan diurutkan berdasarkan jumlah dari informasi tertentu, misa

15 Dec 22, 2022

This repo is for educational and demonstration purposes only, this project is to demonstrate usage of apollo/client and github API and firebase.

Gissues Gissues is a web application that allows you to search for issues in GitHub. It is built for new developers who want to learn more about GitHu

10 Oct 1, 2022

Create posts for ubccsss.org using the GitHub REST API

content manager for ubccsss.org Create posts for ubccsss.org using the GitHub REST API Installation $ git clone [email protected]:ubccsss/content-manager