An open API service indexing awesome lists of open source software.

https://github.com/hugovarellaa/clone-interface-github

Clone da interface do Github
https://github.com/hugovarellaa/clone-interface-github

date react-calendar-heatmap react-icons react-router-dom reactjs styled-components typescript

Last synced: 25 days ago
JSON representation

Clone da interface do Github

Awesome Lists containing this project

README

        

# Clone UI Github 💜

 

### 🔗 Link para o projeto online

[Clone Github](https://clone-interface-github.vercel.app/)

 





## 📚 Informações sobre o projeto

- Esse projeto foi desenvolvido durante uma Aula do Guilherme Rodz, na plataforma youtube no canal da Rocketseat

 

## 💻 O que tem no projeto?

- Clone da interface do Github.
- Dark Mode e Light mode.
- Consumo e uso da API do github.
- Buscar de usuario na barra de pesquisa do header.
- Roteamento das paginas.
- Interface Responsiva e Dinamica.

 
 

## 🛠️ Tecnologias/Ferramentas ultilizadas

- [React](https://pt-br.reactjs.org/E)
- [TypeScript](https://www.typescriptlang.org/)
- [styled-components](https://styled-components.com/)
- [react-icons](https://react-icons.github.io/react-icons/)
- [react-router-dom](https://www.npmjs.com/package/react-router-dom)
- [react-calendar-heatmap](https://www.npmjs.com/package/react-calendar-heatmap)
- [date-fns](https://date-fns.org/)

## ⚙️ Instalação

```
# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/Hugovarellaa/clone-interface-github
```

```
# Acesse a pasta da aplicação
$ cd clone-interface-github

# Instale as dependências
$ yarn

# Inicie a aplicação
$ yarn start

```

---

Feito com 💙 por Hugo Alves Varella