Processus de développement de Yelpcamp
Un projet Node.js complet à partir de mon cours de développement Web avec un routage RESTFul
Configuration initiale
- Ajouter la page de destination
- Ajouter une page de terrain de camping qui répertorie tous les terrains de camping
Chaque terrain de camping a:
Disposition et style de base
- Créer des parties d'en-tête et de pied de page
- Ajouter Bootstrap
Création de nouveaux terrains de camping
- Configurer un nouvel itinéraire de poste de camping
- Ajouter un carrosserie
- Configuration de l'itinéraire pour afficher le formulaire
- Ajouter une forme de base non style
Style la page des terrains de camping
- Ajouter un meilleur en-tête / titre
- Faire afficher les terrains de camping dans une grille
Style la Navbar et la forme
- Ajouter une barre de navigation à tous les modèles
- Style la nouvelle forme de camping
Ajouter la mangouste
- Installer et configurer Mongoose
- Modèle de camping de configuration
- Utilisez un modèle de camping à l'intérieur des routes
Page de spectacle
- Passez en revue les routes RESTFUS que nous avons vues jusqu'à présent
- Ajouter une description au modèle de camping
- Montrer db.collection.drop ()
- Ajouter un itinéraire / modèle Show
Code de Mongoose Refactor
- Créer un répertoire de modèles
- Utiliser module.exports
- Nécessitent tout correctement!
Ajouter un fichier de graines
- Ajouter un fichier Seeds.js
- Exécutez le fichier de graines à chaque fois que le serveur commence
Ajoutez le modèle de commentaire!
- Faites disparaître les erreurs de commentaire!
- Afficher les commentaires sur la page de spectacle du camping
Commentaire nouveau / Créer
- Discuter des routes imbriquées
- Ajouter le commentaire nouveau et créer des itinéraires
- Ajouter le nouveau formulaire de commentaire
Page de spectacle de style
- Ajouter une barre latérale pour afficher la page
- Afficher bien les commentaires
Page de spectacle de style fini
- Ajouter le répertoire public
- Ajouter une feuille de style personnalisée
Authentification Pt. 1 - Ajouter un modèle utilisateur
- Installez tous les packages nécessaires à l'authentique
- Définir le modèle utilisateur
Authentification Pt. 2 - enregistrer
- Configurer le passeport
- Ajouter des itinéraires de registre
- Ajouter le modèle d'enregistrement
Authentification Pt. 3 - Connexion
- Ajouter des itinéraires de connexion
- Ajouter le modèle de connexion
Authentification Pt. 4 - Déconnexion / Navbar
- Ajouter un itinéraire de déconnexion
- Empêcher l'utilisateur d'ajouter un commentaire s'il n'est pas signé
- Ajouter des liens vers Navbar
Authentification Pt. 5 - Afficher / masquer les liens
- Afficher / masquer les liens Auth dans Navbar
Refactor les routes
- Utilisez le routeur Express pour réorienter toutes les itinéraires
Utilisateurs + commentaires
- Associez les utilisateurs et les commentaires
- Enregistrer automatiquement le nom de l'auteur à un commentaire
Utilisateurs + campings
- Empêcher un utilisateur non authentifié de créer un terrain de camping
- Enregistrer le nom d'utilisateur + ID au terrain de camping nouvellement créé
Édition de campings
- Ajouter la méthode-oreride
- Ajouter une route d'édition pour les terrains de camping
- Ajouter un lien à la page d'édition
- Ajouter une route de mise à jour
Suppression de terrains de camping
- Ajouter la route de détruire
- Ajouter le bouton Supprimer
Autorisation Partie 1: Camps de camping
- L'utilisateur ne peut que modifier ses terrains de camping
- L'utilisateur ne peut supprimer que ses terrains de camping
- Masquer / afficher les boutons Modifier et supprimer
Modification des commentaires
- Ajouter une route de modification pour les commentaires
- Ajouter le bouton Modifier
- Ajouter une route de mise à jour
Campground Edit Route: / Campgrounds /: ID / Modifier le commentaire Edit Route: / Campgrounds /: ID / Commentaires /: comment_id / modifier
Suppression des commentaires
- Ajouter la route de détruire
- Ajouter le bouton Supprimer
Camp de camping Détroite Route: / Campgrounds /: ID Commentaire Détruiser la route: / camping /: id / commentaires /: comment_id
Autorisation Partie 2: Commentaires
- L'utilisateur ne peut que modifier ses commentaires
- L'utilisateur ne peut supprimer que ses commentaires
- Masquer / afficher les boutons Modifier et supprimer
- Refactor middleware à un seul fichier
Ajout de flash!
- Version de travail de démonstration
- Installer et configurer Connect-Flash
- Ajouter des alertes bootstrap à l'en-tête
Ajout d'étiquette de prix dynamique
- Afficher le prix défini par l'utilisateur
- Modifier le prix nouveau ou ancien
- Modifier le modèle de camping
