Proceso de desarrollo de YelpCamp
Un proyecto de node.js de stack desde mi curso de desarrollo web con ruta RESTFUL
Configuración inicial
- Agregar página de destino
- Agregar página de campings que enumera todos los campamentos
Cada campamento tiene:
Diseño y estilo básico
- Crear parciales de encabezado y pie de página
- Agregar bootstrap
Creación de nuevos campamentos
- Configuración de una nueva ruta posterior al campamento
- Agregar en el cuerpo del cuerpo
- Ruta de configuración para mostrar el formulario
- Agregar forma básica sin estilo
Estilizar la página de campamentos
- Agregue un mejor encabezado/título
- Haga que los campamentos se muestren en una cuadrícula
Estilizar la barra y la forma
- Agregue una barra de navegación a todas las plantillas
- Estilizar el nuevo formulario de campamento
Agregar mangosta
- Instalar y configurar Mongoose
- Configuración del modelo de campamento
- Use el modelo de campamento dentro de las rutas
Mostrar página
- Revise las rutas RESTful que hemos visto hasta ahora
- Agregar descripción al modelo de campamento
- Show db.collection.drop ()
- Agregue una ruta/plantilla de espectáculo
Código de mangosto de refactor
- Crear un directorio de modelos
- Use módulo.exports
- ¡Requerir todo correctamente!
Agregar archivo de semillas
- Agregar un archivo de semillas.js
- Ejecute el archivo de semillas cada vez que se inicia el servidor
¡Agregue el modelo de comentarios!
- ¡Haga que los errores de comentarios desaparezcan!
- Mostrar comentarios en la página de show de campamento
Comenta nuevo/crea
- Discutir rutas anidadas
- Agregue el comentario nuevo y cree rutas
- Agregue el nuevo formulario de comentarios
Página de show de estilo
- Agregar barra lateral para mostrar la página
- Mostrar comentarios muy bien
Terminar la página de show de Styling
- Agregar directorio público
- Agregar hoja de estilo personalizado
Autenticación pt. 1 - Agregar modelo de usuario
- Instale todos los paquetes necesarios para la autores
- Definir el modelo de usuario
Autenticación pt. 2 - Regístrese
- Configurar pasaporte
- Agregar rutas de registro
- Agregar plantilla de registro
Autenticación pt. 3 - Iniciar sesión
- Agregar rutas de inicio de sesión
- Agregar plantilla de inicio de sesión
Autenticación pt. 4 - INCOMPTAR/NAVBAR
- Agregar ruta de cierre de sesión
- Evitar que el usuario agregue un comentario si no se registra
- Agregar enlaces a Navbar
Autenticación pt. 5 - Mostrar/ocultar enlaces
- Mostrar/ocultar enlaces de autores en Navbar
Refactor de las rutas
- Use el enrutador expreso para reoragnizar todas las rutas
Usuarios + comentarios
- Usuarios y comentarios asociados
- Guardar el nombre del autor en un comentario automáticamente
Usuarios + campamentos
- Evitar que un usuario no autenticado cree un campamento
- Guardar nombre de usuario+ID al campamento recién creado
Edición de campamentos
- Agregar método-upride
- Agregar ruta de edición para campamentos
- Agregar enlace a la página Editar
- Agregar ruta de actualización
Eliminar campamentos
- Agregar ruta de destrucción
- Agregar botón Eliminar
Autorización Parte 1: campamentos
- El usuario solo puede editar sus campamentos
- El usuario solo puede eliminar sus campamentos
- Ocultar/mostrar editar y eliminar botones
Comentarios de edición
- Agregar ruta de edición para comentarios
- Agregar botón Editar
- Agregar ruta de actualización
Ruta de edición de campamento:/campamento/: id/editar comentarios de edición de edición:/campamento/: id/comentarios/: comment_id/editar
Eliminar comentarios
- Agregar ruta de destrucción
- Agregar botón Eliminar
Ruta de destrucción del campamento:/campamento/: comentario de identificación Destruir ruta:/campamento/: id/comentarios/: comment_id
Autorización Parte 2: Comentarios
- El usuario solo puede editar sus comentarios
- El usuario solo puede eliminar sus comentarios
- Ocultar/mostrar editar y eliminar botones
- Refactor de middleware a un solo archivo
¡Agregar flash!
- Versión de trabajo de demostración
- Instalar y configurar Connect-Flash
- Agregar alertas de bote de arranque al encabezado
Agregar un precio dinámico
- Mostrar precio definido por el usuario
- Editar precio nuevo o antiguo
- Modelo de cambio para campamento
