Skip to content

Projeto feito no evento da RocketSeat para criar um aplicativo coletivamente dentro de uma semana

License

Notifications You must be signed in to change notification settings

DinowSauron/Projeto-Next-Level-Week-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto Next Level Week 3 (Discovery)

Projeto feito no evento da RocketSeat para criar um aplicativo coletivamente dentro de uma semana.

Neste repositorio você pode encontrar meu projeto e algumas notas durante o ocorrer da workshop!

O tema desta workshop é: Conectar pessoas com orfanatos proximos.

Este é um projeto desenvolvido durante a Next Level Week, realizada pela @Rocketseat durante os dias 12 a 18 de Outubro de 2020.

Note que todas as informações sobre localizações neste projeto são somente testes e não representa significado algum, nem seus nomes, fotos, numeros, comentários ou descrições, todos os dados deste genero são ficticios...


Dia 01

O Inicio do projeto:

Layout da landingpage

Neste dia aprendemos um pouco sobre o front-end e seus conceitos/aplicações.

Estudos: HTML; CSS;

Primeira pagina do aplicativo configurada, com informações sobre HTML5 e CSS3.

2:15:10 de aula.


Dia 02

Configurando as paginas:

Landing page finalizada Mapa dos orfanatos Pagina do orfanato Pagina do orfanato #2

Neste dia terminamos por completo a landing page do projeto, criamos a pagina de escolha de orfanatos a partir de um mapa disponibilizado pela leaflet gratuitamente, além de criar uma pagina para a visita de orfanatos contendo informações sobre a visita e o orfanato em si.

Estudos: CSS; HTML; Javascript;

3:08:50 de aula.


Dia 03

Paginas de cadastramento:

Cadastramento de orfanatos Cadastramento de orfanatos #2

Neste dia criamos a pagina para se cadastrar um novo orfanato com sistema de validação e envio de formulário para ser utilizado no backend.

Estudos: CSS; HTML; Javascript;

1:58:35 de aula


Dia 04

O Back-end

Orfanatos obtidos pelo servidor Servidor sendo executado

Neste dia aprendemos os conceitos de back-end, instalamos as dependencias e os pacotes no projeto, renomeamos os arquivos html para terminar com hbs, além de pegarmos dados de teste criados em nosso servidor.

Estudos: Back-end; Javascript; HBS(html);

Comandos utilizados:

  • npm init -y > Cria um package.json para as dependencias. (json > JavascriptObjectNotation)
  • npm install express > Instala o pacote para rodar o backend.
  • node src/server.js > executar o servidor...
  • npm install nodemon > Instala o pacote para atualizar o backend de forma dinâmica.
  • no package.json > mudamos o "test" para "start" e colocamos o argumento "nodemon src/server.js"
  • npm start > diz no arquivo json para executar o script start que chama o nodemon. (inicia o backend)
  • npm install hbs > Handlebars, templateEngine pacote para os html ter variaveis! com o formato hbs.

1:53:45 de aula


Dia 05

Banco de dados (Final)

Novos orfanatos cadastrados! Servidor sendo executado

Neste video terminamos a parte de pegar os dados do banco de dados, de salvar no banco de dados e de cadastrar novos orfanatos, e depois disso nos, ah, pera ai... o projeto já está pronto!

Estudos: Back-end; Banco de dados; Sql; Sqlite; Javascript

2:00:15 de aula.


Dia 06

O Desafio...

Neste dia, não tivemos aula, porém na live da milha extra, tivemos um desafio muito interessante, que seria adicionar uma nova funcionalizade a aplicação, por nossa escolha, e eu escolhi acrescentar comentários aos orfanatos!

Isso foi incrivel, pois eu não entendi direito os bancos de dados e aplicar algo assim ,mesmo que seja simples, foi de grande ajuda pra eu notar a simplicidade do fluxo dos dados na aplicação! consegui terminar em umas 5hrs.

Neste sistema podemso fazer um comentário a qualquer orfanato (cada um tendo seus comentarios), colocando para qualquer um ver nosso relato, os comentarios tem um nome, e data, fazendo com que você saiba quem comentou e quando comentou e os comentarios mais recentes aparecem primeiro!

Claro, ainda falta um sistema de cadastro para os comentarios não serem muito vazios, também não sei se a minha maneira de resolver esse problema foi a melhor, porem ele foi resolvido.

Os Comentários:

Seção de comentários

Criando um comentário:

Seção de comentários

Comentário aplicado na pagina do orfanato especifico!:

Seção de comentários


Encerramento


Live 01 (Acelerando sua Evolução)

Nesta live vimos tres pilares basicos (foco, pratica e grupo) e poder destesconceitos em seu aprendizado!

Live 02 (Olhando as Oportunidades)

Nesta live foi comentado as oportunidades dos mercados de trabalho e a necessidade de ter confiança a se aplicar em uma vaga.

Live 03 (A Escolha da Stack)

Nesta live houve uma separação sobre oque é stack, framework e tecnologia, e quando utilizar para a ansiedade ou o hype de uma nova tecnologia não interferir em sua aplicação ou aprendizado.

Live 04 (Até dois Anos em Dois Messes)

Nesta live vimos como acelerar nossa evolução, novamente falando sobre o foco a pratica e o grupo, também comentado o site roadmap.sh para ter um caminho para seguir, o começo pode ser lento se sua estrada estiver cheia de obstaculos.

Live 05 (A Milha Extra)

Nesta aula tivemos os conceitos dos proximos passos, de não somente ter os conceitos na teoria, mais sim aplica-los na pratica, aplicar o conhecimento é a melhor forma de praticar!

Live 06 (Encerramento)

Nesta live foi mais uma despedida, o motivo da nlw, perguntas e respostas, e o resultado do sorteio do desafio, infelizmente não fui escolhido mais esse não era meu objetivo principal, foi muito bom fazer o desafio também.

About

Projeto feito no evento da RocketSeat para criar um aplicativo coletivamente dentro de uma semana

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published