Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rayanneramos/github-blog

O projeto consiste em criar um blog do github, onde por meio de uma api faz um fetch nos dados de profile, posts e uma barra de pesquisa para buscar pelos posts criados.
https://github.com/rayanneramos/github-blog

axios font-awesome momentjs react-hook-form react-markdown react-router-dom react-syntax-highlighter reactjs styled-components vite vitejs zod

Last synced: 13 days ago
JSON representation

O projeto consiste em criar um blog do github, onde por meio de uma api faz um fetch nos dados de profile, posts e uma barra de pesquisa para buscar pelos posts criados.

Awesome Lists containing this project

README

        

Github Blog


Github Blog


License
Forks
Stars


## đź’» Projeto

[Github Blog](https://github-blog-og1e8ffnt-rayanneramos.vercel.app/) Ă© o terceiro desafio desenvolvido durante o bootcamp ignite da [Rocketseat](https://www.rocketseat.com.br/) que foca nas tecnologias ReactJS, React Native e NodeJS. Consiste em criar um blog do github, onde por meio de uma api faz um fetch nos dados de profile, posts e uma barra de pesquisa para buscar pelos posts criados.

## 🧪 Technologies

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [ReactJS](https://reactjs.org/)
- [ViteJS](https://vitejs.dev/)
- [Typescript](https://www.typescriptlang.org/)
- [Fontawesome](https://fontawesome.com/)
- [Styled-components](https://www.styled-components.com/)
- [zod](https://github.com/colinhacks/zod)
- [React-hook-form](https://react-hook-form.com/)
- [React-router-dom](https://reactrouter.com/)
- [Moment](https://momentjs.com/)
- [Axios](https://axios-http.com/ptbr/docs/intro)
- [React-markdown](https://github.com/remarkjs/react-markdown)
- [React-syntax-highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter)

## 🚀 Instalação

```bash
# Clone o repositĂłrio e entre na pasta do projeto
$ git clone https://github.com/RayanneRamos/github-blog.git
$ cd github-blog
# Instale as dependĂŞncias
$ npm install
# ou
$ yarn install
# Execute a aplicação
$ npm run dev
# ou
$ yarn start
```

Abra http://localhost:5173 no seu navegador para ver a aplicação rodando!

## đź”– Layout

- [Layout Web]()

## đź“ť License

Este projeto está licenciado sob a Licença MIT. Veja o arquivo [LICENSE](LICENSE) para obter mais detalhes.

---

Criado by Rayanne Ramos