Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Projeto desenvolvido no Bootcamp Ignite, um blog com varios artigos, falando sobre tecnologias.
https://github.com/jairodoni/github-blog

github nextjs rocketseat rocketseat-ignite tailwindcss

Last synced: 20 days ago
JSON representation

Projeto desenvolvido no Bootcamp Ignite, um blog com varios artigos, falando sobre tecnologias.

Host: GitHub
URL: https://github.com/jairodoni/github-blog
Owner: jairodoni
License: mit
Created: 2023-08-08T02:06:46.000Z (over 1 year ago)
Default Branch: master
Last Pushed: 2023-09-24T21:08:58.000Z (over 1 year ago)
Last Synced: 2024-11-23T15:40:19.251Z (3 months ago)
Topics: github, nextjs, rocketseat, rocketseat-ignite, tailwindcss
Language: TypeScript
Homepage: https://github-bloogg.vercel.app
Size: 1.76 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 6
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        


    





  [![Licence](https://img.shields.io/badge/license-MIT-green?style=for-the-badge)](LICENSE.md)

  

  

  ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

  ![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=for-the-badge&logo=reacthookform&logoColor=white)

  

    






  

      Preview  |  

  

  

      Projeto  |  

  

  

      Layout  |  

  

  

      Tecnologias  |  

  

  

      Executando  |  

  

  

      Referências  |  

  

  

      Autor 

  





  





## **✨ Preview**

#### Sistema Online: https://github-bloogg.vercel.app




## **💻 Projeto**

Um projeto desenvolvido durante o Bootcamp Ignite da Rocketseat, o projeto "Github Blog" é um blog com posts retirados diretamente do issues do repositorio no Github usando Markdown.




## **🔖 Layout**

Você pode visualizar o layout do projeto no formato através [desse link](https://www.figma.com/file/yYpLdAYo7K4KJGMiABKfdI/GitHub-Blog-(JD)?type=design&node-id=2%3A1550&mode=design&t=QJFPhXPDd9igYpXZ-1). Lembrando que você irá precisar ter uma conta no [Figma](http://figma.com/).

#### **Web**



  

  


  


  






## **💻 Tecnologias**

 #### **Website** ([Next][next])

 

  - **[Next][next]**

  - **[Typescript][typescript]**

  - **[Tailwind CSS][tailwindcss]**

  - **[React Hook Form][react_hook_form]**

  - **[Zod][zod]**

  - **[Day.js][dayjs]**

  - **[Prettier][prettier]**

  - **[ESLint][eslint]**

  - **[Node v18.17.0][node]**

> \* Veja o arquivo [package.json](./package.json)

 #### **Utilitários**

 

 - Editor: **[Visual Studio Code][vscode]** 

 - Markdown: **[StackEdit][stackedit]**, **[Markdown Emoji][markdown_emoji]**




##  **🚀 Como executar o projeto**

### Configurações Iniciais

Primeiro, você precisa ter o [NodeJS](https://nodejs.org/en/download/) instalado na sua máquina. 

Se você estiver utilizando o **Linux**, você pode optar por instalar o **Node** através do gerênciador de versões [nvm] para caso seja nescessario alterar a sua versão do **Node** para uma versão mais antiga ou mais nova.

Você pode optar também por utilizar o **yarn** no lugar do **npm**. Você pode instalar clicando nesse [link][yarn].

Após ter o **Node** instalado, instale as dependências do **React** contidas nos arquivos `package.json` que se encontram na raíz do repositório. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:

```sh

$ npm install

# ou

$ yarn

```

> Veja a parte de **scripts {}** do arquivo [package.json](./package.json) para saber quais scripts estão disponíveis.

### Executando o WebSite

```sh

# Executando o website no modo de desenvolvimento:

$ npm run dev

# ou

# Executando o website no modo de desenvolvimento:

$ yarn dev

```

> Se o browser não abrir automaticamente, acesse:  http://localhost:3000.




## **📚 Referências**

- [Blog Rocketseat](https://blog.rocketseat.com.br/)

- [Next][next]

- [ReactJS](https://reactjs.org/docs/getting-started.html) | [ReactJS pt-BR](https://pt-br.reactjs.org/docs/getting-started.html)

- [Node](https://nodejs.org/en/)




## **👨‍🚀 Autor**



 

 


 _{Jairo Doni Prudente Junior}

 


👋 Entre em contato!

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=for-the-badge&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/jairodoni/)](https://www.linkedin.com/in/jairodoni/)

[![Gmail Badge](https://img.shields.io/badge/-Gmail-c14438?style=for-the-badge&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])




## **:memo: Licença**

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.

[rocketseat_site]: https://rocketseat.com.br/

[repository_license_badge]: https://img.shields.io/github/license/JairoDoni/NLW-1.0

[web_react_badge]: https://img.shields.io/badge/web-react-blue

[typescript]: https://img.shields.io/badge/types-Typescript-blue

[react]: https://reactjs.org/

[next]: https://nextjs.org/

[dayjs]: https://day.js.org

[react_hook_form]: https://react-hook-form.com

[zod]: https://zod.dev

[tailwindcss]: https://tailwindcss.com

[node]: https://nodejs.org/en/

[prettier]: https://prettier.io

[eslint]: https://eslint.org

[vscode]: https://code.visualstudio.com/

[react_native]: http://www.reactnative.com/

[stackedit]: https://stackedit.io

[markdown_emoji]: https://gist.github.com/rxaviers/7360908

[react_icons]: https://react-icons.github.io/react-icons/

[typescript]: https://www.typescriptlang.org/

[asdf]: https://github.com/asdf-vm/asdf

[yarn]: https://classic.yarnpkg.com/en/docs/install/#debian-stable

[webpack]: https://webpack.js.org