Build and Publish a Car Rental Website

Open gate bash, create a car rental project folder on the c drive, initialize the app with npm init, and install dependencies with npm install.

Build a back-end server for the car rental site using express. Set up package.json, install express, define the port, and start the server with a console log.

Set up express handlebars as the view engine, create views and layouts, render the home template with a car rental title, and run the server on port three thousand.

Learn to connect client side to the server using express static and a public folder, link css and javascript, and manipulate the dom to verify on port 3000.

Install Nordmann to auto restart the server on changes, configure a start script, and run the car rental back end on port 3000 with live logs.

Make the car rental website responsive and mobile friendly by integrating bootstrap via CDN and adding the bootstrap link to the head, then test on localhost:3000.

Create and integrate a bootstrap navbar component by adding a handlebars navbar partial to views/partials, load it in the layout, and test responsive behavior on localhost:3000 for mobile devices.

Add a logo to navigation bar by placing an image in public/image and setting the source to logo image. Update the links to home, about, and contact, and remove dropdown.

Create a responsive about and contact page for a car rental site by defining routes, rendering handlebars templates with dynamic titles, and building a Bootstrap-based contact form.

Create centered login buttons for Facebook, Google, and email in a handlebars-based car rental website, using each-to-tag iterations and class-based styling to update the login flow.

Create a signup form for the car rental site: a sign up page, handlebars template, and post route to register users with first name, last name, email, and password.

Learn to customize a car rental site by adding a logo and home page background via handlebars templates and public assets, then deploy with the Heroku CLI.

Deploy your car rental website to Heroku by configuring a development port and a .gitignore, then use the Heroku CLI to create the app and push code.

Configure a config folder with development and production key files, and implement login with Facebook authentication based on production mode.

Configure environment-specific keys by loading production or development config files for store database link and Facebook client credentials, and import/export these keys in the server file from config folder.

Create a MongoDB Atlas database by spinning up a cluster with a chosen cloud provider and region, using the free tier for the car rental project.

Create a car rental database user and password, then obtain and customize the MongoDB connection string and update the config. Install Mongoose and connect to MongoDB, confirming the connection.

Connects a post /contact route to save form data to the database, updates the contact form, and logs submissions, with a note about installing body-parser in the next lecture.

set up body-parser middleware in express to parse json and urlencoded data, collect name, email, and message, and save the new contact to a database collection.

Create a contact collection using mongoose by defining a contact schema with email, name, and message, referencing the user collection and exporting the model for database storage.

Import the contact collection into the James file and load the contact model to manage messages. Implement Facebook, Google, and local authentication to create a unique user id for submissions.

Learn to implement user authentication in a car rental website using the passport module with a local strategy, including installing passport and passport-local and wiring a local login flow.

Install and configure bcryptjs to encrypt passwords for local signup, integrate with passport's local strategy, serialize users from the sign-up form to generate session cookies for a car rental website.

Configure authentication in an express app with passport, installing cookie-parser and express-session, and initializing passport to enable local sign-up with a session.

Register a user by rendering a sign up form, posting to /sign up, validating passwords, encrypting with bcrypt and salt, saving to database, and preserving input values on errors.

Display sign-up form errors by looping through error objects, rendering Bootstrap alerts with dismiss controls, and validate that email already exists, password length is at least five, and passwords match.

Maintain user input on submission errors by binding first name, last name, email, and password to their values. Reuse the sign-up form template to preserve values in each input field.

Learn to implement a login form for a car rental website, including email and password fields, input validation, and rendering a login page via handlebars templates and routes.

Demonstrates submitting a forum, creating a new user with encrypted password, validating email, and displaying a green success message inviting logging in.

Configure a login flow using passport local, wiring a /login post route with success redirect to /profile and failure redirect to /login, then test the login form.

Display the user profile after a successful login by rendering a profile template with the user's image, first name, and last name using Bootstrap styling.

Handle login errors by displaying messages for incorrect email or password, push them to an errors array, and render the login template with those errors styled in red.

Use bootstrap's card component and media object to create a responsive user profile in a handlebars-driven layout, displaying first name, last name, and image sourced from a user object.