Processo de Desenvolvimento de Yelpcamp
Um projeto Node.js
Configuração inicial
- Adicione a página de pouso
- Adicione a página de acampamentos que lista todos os acampamentos
Cada acampamento tem:
Layout e estilo básico
- Crie parciais de cabeçalho e rodapé
- Adicione o bootstrap
Criando novos acampamentos
- Configure uma nova rota do Campground Post
- Adicione o pavor do corpo
- Rota de configuração para mostrar o formulário
- Adicione a forma básica sem si
Estilo a página de acampamentos
- Adicione um cabeçalho/título melhor
- Faça os acampamentos exibirem em uma grade
Estilize a barra de navegação e forma
- Adicione uma barra de navegação a todos os modelos
- Estilo a nova forma de acampamento
Adicione o Mongoose
- Instale e configure o Mongoose
- Modelo de acampamento de configuração
- Use o modelo de acampamento dentro das rotas
Mostrar página
- Revise as rotas repousas que vimos até agora
- Adicione a descrição ao modelo de acampamento
- Show db.collection.drop ()
- Adicione uma rota/modelo de show
Código de Mongoose refattor
- Crie um diretório de modelos
- Use Module.Exports
- Requer tudo corretamente!
Adicione o arquivo de sementes
- Adicione um arquivo sementes.js
- Execute o arquivo de sementes toda vez que o servidor iniciar
Adicione o modelo de comentário!
- Faça erros de comentários desaparecem!
- Exibir comentários na página do Campground Show
Comente novo/crie
- Discuta rotas aninhadas
- Adicione o comentário novo e crie rotas
- Adicione o novo formulário de comentário
Página de show de estilo
- Adicionar barra lateral para mostrar a página
- Exibir comentários bem
Página do show de estilo de acabamento
- Adicionar diretório público
- Adicione a folha de estilo personalizada
Autenticação pt. 1 - Adicionar modelo de usuário
- Instale todos os pacotes necessários para AUTH
- Defina o modelo de usuário
Autenticação pt. 2 - Registre -se
- Configure o passaporte
- Adicionar rotas de registro
- Adicionar modelo de registro
Autenticação pt. 3 - Login
- Adicione rotas de login
- Adicione modelo de login
Autenticação pt. 4 - Logout/Navbar
- Adicione a rota de logout
- Impedir que o usuário adicione um comentário se não estiver assinado
- Adicione links para Navbar
Autenticação pt. 5 - Mostrar/ocultar links
- Mostrar/ocultar links de autenticação em Navbar
Refatorar as rotas
- Use o roteador Express para reorraGNIZAR todas as rotas
Usuários + comentários
- Associar usuários e comentários
- Salve o nome do autor em um comentário automaticamente
Usuários + acampamentos
- Impedir que um usuário não autenticado crie um acampamento
- Salvar nome de usuário+ID para acampamento recém -criado
Editando acampamentos
- Adicione o método-override
- Adicionar rota de edição para acampamentos
- Adicionar link para a página de edição
- Adicione a rota de atualização
Excluindo acampamentos
- Adicione a rota Destroy
- Adicione o botão Excluir
Autorização Parte 1: acampamentos
- O usuário só pode editar seus acampamentos
- O usuário só pode excluir seus acampamentos
- Ocultar/Mostrar Editar e Excluir Botões
Editando comentários
- Adicionar rota de edição para comentários
- Adicione o botão Editar
- Adicione a rota de atualização
Rota de edição do acampamento:/acampamento/: id/editar comentário editar rota:/acampamento/: id/comentários/: comentário_id/editar
Excluindo comentários
- Adicione a rota Destroy
- Adicione o botão Excluir
Campground Destroy Route:/Campgrounds/: ID Comentário Destrua Rota:/Campgrounds/: Id/Comentários/: Comentário_id
Autorização Parte 2: Comentários
- O usuário só pode editar seus comentários
- O usuário só pode excluir seus comentários
- Ocultar/Mostrar Editar e Excluir Botões
- Refactor Middleware para um único arquivo
Adicionando flash!
- Versão de trabalho de demonstração
- Instale e configure Connect-Flash
- Adicione alertas de bootstrap ao cabeçalho
Adicionando preço dinâmico
- Mostrar preço definido pelo usuário
- Editar preço novo ou antigo
- Modelo de mudança para acampamento
