Aqui listamos todos os passos do desenvolvimento do Site PWA. Nosso objetivo principal com a proposta é centralizar as informações essenciais sobre o Projeto, como o desenvolvimento em geral do frontend que é feito com react.js.
Site PWA em formato de cardápio que auxilia jovens a melhorarem seus hábitos de leitura, ele foi desenvolvido durante o Bootcamp do Gama Experience #37, pelo grupo 07, o objetivo dele é aplicar os conhecimentos dos designers e desenvolvedores adquiridos ao longo do bootcamp.
Para início do projeto é necessário ter instalado no computador o [https://git-scm.com/,](https://git-scm.com/) https://nodejs.org/ e assim automaticamente é instalado o npm , também é necessário ter instalado no computador um editor de código, escolhemos o visual studio code por ser um editor bastante completo e que oferece suporte às mais variadas tarefas comuns no desenvolvimento de aplicações (em especial web). A princípio ele é uma ferramenta simples, mas possui uma loja de extensões imensa, e que continua crescendo, e assim criamos uma pasta no sistema, e com o botão direito apertamos em cima da pasta criada e selecionamos a opção de abrir com o git bash.
Com o git bash aberto, instalamos o create react app, que é uma biblioteca para facilitar o desenvolvimento de aplicações react e já existem diversas aplicações usando essa biblioteca. Utilizamos o npm como gerenciador de pacotes.
Criamos o projeto usando o comando: create-react-app nomedoprojeto, como abaixo:
<aside> 👉 create-react-app Bookfolio
</aside>
Instalado a dependência do projeto, digitamos o código code . e assim abre o visual studio code, entramos na pasta e no terminal do visual studio digitamos npm start para o projeto rodar no browser, espere um pouco e o browser abrirá automaticamente com a aplicação rodando no endereço: http://localhost: 3000.