Full Stack Course | Build & Deploy 4 Projects and Get Hired

Name: Full Stack Course | Build & Deploy 4 Projects and Get Hired
Rating: 4.6 (165 reviews)

Master Full Stack Development, Build Real-World Apps, and Launch a Job-Ready Web Portfolio.

Created byJames McArthur

Last updated 2/2025

English

What you'll learn

Build a Job-Ready Web Portfolio – Create and deploy a stunning portfolio that showcases your skills to employers.
Master Full Stack Development – Learn ReactJS, NextJS, Firebase, Stripe, and more by building real-world apps.
Gain the Skills to Build Your Own Projects – Learn how to take an idea and turn it into a fully functional, beautifully designed web app.
Develop Job-Ready Coding Skills – Write clean, scalable code and structure full stack projects like a pro.

Course content

5 sections • 38 lectures • 15h 16m total length

Introduction13:46

Chapter 1.0 - Init Web Portfolio27:19
Initialize the HTML & CSS web portfolio and load it in local development with Live Server VSCode extension.
Chapter 1.1 - Portfolio Main Content30:01
Add the main HTML content to the document.
Chapter 1.2 - Style Web Portfolio19:16
Style the web portfolio and give it a responsive and modern design.
Chapter 1.3 - Add JavaScript to Web Portfolio12:43
Add a fun game to our web portfolio using JavaScript and DOM manipulation.

Chapter 2.0 - Intro1:24
Introduce the Chapter 2 project - The Brogram (A ReactJS web application).
Chapter 2.1 - Init Brogram22:58
Initialize our ReactJS application with Vite.
Chapter 2.2 - Create Componentry30:15
Create the basic ReactJS functional component that we will need for our app.
Chapter 2.3 - The Workout Grid22:52
Create a grid display to show the plan progression.
Chapter 2.4 - The Workout Card29:39
Create a card to show the selected workout content for an individual day in the plan.
Chapter 2.5 - The Modal Overlay13:33
Add a modal overlay using ReactDom to show an exercise description.
Chapter 2.6 - Styling and CSS39:38
Style our ReactJS JSX content.
Chapter 2.7.1 - Adding Interactivity28:09
Add ReactJS state to our workouts so a user can enter their information and save it for later.
Chapter 2.7.2 - Adding Interactivity and Deployment32:18
Continue making the app interactivity using ReactJS features and functionalities before deploying the app with GitHub on Netlify.

Chapter 3.0 - Intro1:21
Introduction to Chapter 3 - The Ecommerce Store (built with NextJS, Stripe and FantaCSS).
Chapter 3.1 - Init Smolstore20:42
Initialize our NextJS project.
Chapter 3.2 - Layout, Error and 404 Pages41:30
Learn about the page router and add in special pages such as the layout, error and 404 pages.
Chapter 3.3 - First Components and Styles27:10
Create the primary ReactJS functional components for our store.
Chapter 3.4 - Products Display31:52
Create the ReactJS code and JSX to display our products in the store.
Chapter 3.5 - Products Styles31:31
Add the CSS needed to style the products display.
Chapter 3.6 - Product Modal Overlay22:39
Create the modal overlay to show a high resolution image of the product.
Chapter 3.7 - Init Stripe and Fetch Products34:43
Integrate Stripe into our products and fetch the products from the Stripe API.
Chapter 3.8 - Global Context27:22
Create a global state (context) to enable the cart CRUD functionalities.
Chapter 3.9 - Add Items to Cart21:07
Create the logic to calculate the number of items in our cart from the global context.
Chapter 3.10 - Build and Style Cart Page23:02
Create and style the cart page.
Chapter 3.11 - Create Stripe Checkout31:49
Create a Stripe checkout session using the Stripe API.
Chapter 3.12 - Deploy on AWS17:56
Deploy the full stack project on AWS Amplify to ensure the backend API endpoints are functional.

Chapter 4.0 - Intro1:53
Intro to Chapter 4 - The Subscription Tracker (Built with NextJS, FantaCSS and Firebase).
Chapter 4.1 - Init Expenny20:19
Initialize our NextJS project.
Chapter 4.2 - Layout and Login19:13
Develop the Layout and Login ReactJS functional components.
Chapter 4.3 - Styling Layout and Login20:10
Add the CSS for the Layout and Login components.
Chapter 4.4 - Build and Style Hero Section22:49
Develop the Hero ReactJS functional component and add the associated CSS to style the home page.
Chapter 4.5 - Build Dashboard20:07
Develop the componentry for the dashboard display.
Chapter 4.6 - Complete and Style Dashboard29:43
Finalise the componentry for the dashboard and add the necessary CSS to style the dashboard.
Chapter 4.7 - Login and Input Forms25:36
Ensure the Login and Input forms are functional using ReactJS hooks.
Chapter 4.8 - Init Firebase and Context34:05
Initialize Firebase and integrate it into our project to enable full stack authentication and CRUD database interactions.
Chapter 4.9 - Auth, Database and Final Deployment46:45
Finalise the CRUD operations and Firebase integration.
Chapter 4.10 - Final Project Deployment and End of Course Summary19:12
In this chapter we deploy our final project in addition to finalising our web portfolio and then deploying that too!

Requirements

Basic HTML, CSS & JavaScript – You should be comfortable with fundamental web development concepts.
Basic knowledge of the ReactJS and NextJS frameworks is recommended.
No prior experience with Full Stack development, Firebase, or Stripe is required! We’ll guide you through everything step by step.

Description

Ready to become a full stack developer and land a job?

This hands-on course takes you from frontend basics to full stack mastery, all while building four real-world projects that will make your portfolio stand out. Whether you're brushing up on skills or starting fresh, you'll gain practical experience with modern technologies like ReactJS, NextJS, Firebase, Stripe, and FantaCSS—everything you need to be an effective full stack developer.

By the end of this course, you won’t just know full stack development—you’ll have a fully deployed, professional portfolio that proves your skills and gets you hired.

What You'll Build:

Project 1: A Personal Web Portfolio (HTML, CSS & JavaScript) – Your professional online presence, fully responsive and polished.
Project 2: A Workout Planner (ReactJS & FantaCSS) – A dynamic fitness app with state management and a sleek UI.
Project 3: A Full Stack E-Commerce Store (NextJS, Stripe & FantaCSS) – A real online store with secure payments.
Project 4: A Full Stack Expense Tracker (NextJS, Firebase & FantaCSS) – A real-time subscription tracker with authentication.

Each project is designed to be job-ready, fully deployed to the internet, and perfect for showcasing in your portfolio.

Who Is This Course For?

Aspiring full stack developers who want hands-on experience with modern tech.
Frontend developers looking to break into full stack development.
Self-taught coders who need real-world, portfolio-ready projects.
Job seekers looking to create a strong web portfolio that stands out.

What You’ll Learn:

Build a Job-Ready Web Portfolio – Impress employers with a live, polished portfolio.
Master Full Stack Development – Learn ReactJS, NextJS, Firebase, Stripe & more.
Gain the Skills to Build Your Own Projects – Turn ideas into fully functional web apps.
Develop Job-Ready Coding Skills – Write clean, scalable, and production-ready code.

Why Learn From Me?

Hey, I’m James, and I’ve helped 500,000+ people learn to code. I know what it takes to get hired as a developer, and this course is designed to equip you with the skills, projects, and confidence to land a job in tech.

Let’s build some epic projects, launch your personal brand, and get you hired as a full stack developer.

Who this course is for:

Aspiring full stack developers who want hands-on experience with modern tech.
Frontend developers looking to break into full stack development.
Self-taught coders who need modern, real-world, portfolio projects.
Future software developers looking to create a strong web portfolio that stands out.
Junior software developers looking to advance their programming knowledge and full stack development skills.

Full Stack Course | Build & Deploy 4 Projects and Get Hired

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 14min

Chapter 1 - The Web Portfolio (HTML CSS & JavaScript)4 lectures • 1hr 29min

Chapter 2 - The Brogram (ReactJS & FantaCSS)9 lectures • 3hr 41min

Chapter 3 - The Ecommerce Store (NextJS Stripe & FantaCSS)13 lectures • 5hr 33min

Chapter 4 - The Subscription Tracker (NextJS FantaCSS & Firebase)11 lectures • 4hr 20min

Requirements

Description

Who this course is for: