Learn how to combine React, Node.js, and Amazon Web Services (AWS) in a full-stack, full-featured website.
Overview
Syllabus
Introduction
- Create a full-stack website
- What you should know
- Installing Node.js and NPM
- Project introduction
- Why React?
- Setting up a React project
- Creating the app component
- Creating your blog pages
- Using React Router links
- URL parameters with React Router
- Creating and linking the articles list
- Making your articles list modular
- Creating a 404 page in React
- Why Node.js?
- Setting up an Express server
- Testing an Express server with Postman
- URL parameters in Express
- Upvoting articles
- Automatically updating with nodemon
- Adding comments
- Why MongoDB?
- Downloading and installing MongoDB
- Adding MongoDB to Express
- Rewriting your upvote endpoint
- Rewriting your comments endpoint
- The Axios library
- Adding React hooks
- Calling useEffect at the right time
- Adding data loading to page components
- Displaying comments
- Creating an upvote button
- Creating an add comment form
- Why Firebase Auth?
- Creating a Firebase project
- Adding Firebase Auth to React
- Build a login form
- Creating a custom auth hook
- Build a create-account page
- Adding Firebase Auth to Node.js
- Protecting endpoints using auth-tokens
- Protecting the upvote and comment endpoints
- Making requests with auth tokens
- Making interface adjustments for authenticated users
- Preparing an app for release
- Setting up hosting for MongoDB
- Releasing a full-stack application
- Shutting down a Google Cloud project
- Next steps
Taught by
Shaun Wassell