Node with React: Build & Deploy a Fullstack Web Application

React is one of the most popular library’s for building client apps with HTML, CSS and JavaScript. If you want to establish yourself as a front-end or full-stack developer, you need to learn React.

This course follows a hands-on approach or ‘learn-by-doing, which means the whole course is structured around building a fullstack web application and the different concepts will be explained detailedly as they are introduced.

What’s this course about?

This course is about building a complete fullstack web application from scratch using popular development tools. The curriculum for this course is going to be very hands on as we walk from start to finish building and deploying the application to production. The course is structured into 2 main parts:

• Development (Backend and Frontend)
• Deployment (Infrastructure setup on AWS and CI/CD)

Each structure is broken down into its sections.

• Backend development
• Backend deployment
• Frontend development
• Frontend deployment

Students can go through all the sections or just the sections they are most interested in.

What Technology You’ll Use

We are building a real-time fullstack application with Continuous integration/delivery and automatic deployment, we’ll use a variety of technologies.

Development

• React
• Redux-toolkit
• NodeJS
• Typescript and Javascript
• Redis
• MongoDB and Mongoose
• Message queues
• SocketIO
• Jest for unit test
• Cloudinary for image and video upload
• Nodemailer and Sendgrid mail
• and much more…

Infrastructure Setup and Deployment

• Terraform
• AWS
• CircleCI

Numerous AWS resources will be used. Some of those resources are:

– VPC and subnets

– Internet gateways

– Route tables

– NAT gateways and elastic ips

– Security groups

– Load balancers

– Autoscaling groups

– EC2 instances

– Route53

– S3

– Code deploy

– Elasticache for redis clusters

– and much more

Not familiar with some of these? No problem! This course will guide you on how to setup and use these technologies in your apps.

What You’ll Be Able to Do

By the time you complete this course or one of the sections you are interested in, you’ll be able

• Build a real-time fullstack application
• Setup unit tests in both your React application and NodeJS backend application
• Setup CI/CD Pipeline
• Setup Automatic Deployment
• Create AWS Resources using Terraform
• Integrate Terraform into CircleCI Pipeline
• Setup Multiple Online Environments (Dev, Staging and Production)
• Use GitHub w/ CircleCI
• Use Feature Branches on GitHub
• Write unit tests
• Create Custom React Components
• Setup Redux-toolkit
• Upload images and videos
• And More…