\newline Logo
Left arrow icon.
Go to Preview Lesson
Go to Preview Lesson
LESSON 2.13Module 1 Summary
Course Thumbnail of The newline Guide to Fullstack ASP.NET Core and React.The newline Guide to Fullstack ASP.NET Core and React
  • MODULE 1
    Introduction
    • LESSON 1.1Introduction
    • LESSON 1.2Technologies Used in this Course
    • LESSON 1.3Setting up the Environment
    • LESSON 1.4Setting up VS Code
  • MODULE 2
    Preparing Our Server
    • LESSON 2.1Module Introduction
    • LESSON 2.2Creating WebAPI Project using DOTNET CLI
    • LESSON 2.3Reviewing the Project Files
    • LESSON 2.4Reviewing the API Controllers
    • LESSON 2.5Exploring Postman
    • LESSON 2.6Adding Course Model to our Project
    • LESSON 2.7What is Entity Framework?
    • LESSON 2.8Adding Entity Framework
    • LESSON 2.9Adding our First Migration
    • LESSON 2.10Creating a Database
    • LESSON 2.11Seeding Data in our Database
    • LESSON 2.12Adding our First Controller
    • LESSON 2.13Module 1 Summary
  • MODULE 3
    Setting up our client
    • LESSON 3.1Setting up the React Project
    • LESSON 3.2Reviewing our React Project
    • LESSON 3.3React Concepts
    • LESSON 3.4Why TypeScript?
    • LESSON 3.5Fetching Data
    • LESSON 3.6Installing SASS to our Project
    • LESSON 3.7Installing React Router
    • LESSON 3.8Adding Routes and Refactoring
    • LESSON 3.9Installing Ant Design
    • LESSON 3.10Adding Base Styles
    • LESSON 3.11Creating Navbar
    • LESSON 3.12Adding Side-drawer to our Navbar
    • LESSON 3.13Setting up Axios
    • LESSON 3.14Giving Types to Axios
    • LESSON 3.15Making Course Component
  • MODULE 4
    Using Repository pattern
    • LESSON 4.1Introducing Repository Pattern
    • LESSON 4.2Adding Repository and Interface
    • LESSON 4.3Writing Repository Methods
    • LESSON 4.4Adding More Properties to our Course Model
    • LESSON 4.5Adding Configuration to our Migration
    • LESSON 4.6Seeding New Data
    • LESSON 4.7Adding Code to Get Data from Category Table
    • LESSON 4.8Adding Eager Loading
    • LESSON 4.9Shaping the Data
    • LESSON 4.10Setting AutoMapper to our Project
  • MODULE 5
    Generic Repository pattern
    • LESSON 5.1Implementing Generic Repository
    • LESSON 5.2Implementing Generic Repository Methods
    • LESSON 5.3Introducing Specification Pattern
    • LESSON 5.4Creating Specification Evaluator
    • LESSON 5.5Implementing Specification Methods
    • LESSON 5.6Using Specification Methods in Controllers
    • LESSON 5.7Specification Pattern Walkthrough
  • MODULE 6
    Error Handling
    • LESSON 6.1Creating Errors Controller
    • LESSON 6.2Handling Errors
    • LESSON 6.3Creating a Not found Endpoint
    • LESSON 6.4Creating Exception Middleware
    • LESSON 6.5Working on Validation Error Response
  • MODULE 7
    Sorting, Filtering, Pagination
    • LESSON 7.1Adding Sorting Feature to the API
    • LESSON 7.2Adding Filter Feature to the API
    • LESSON 7.3Adding Pagination to the API
    • LESSON 7.4Finishing pagination to the API
    • LESSON 7.5Adding Search Functionality
    • LESSON 7.6Fixing Some Warnings
  • MODULE 8
    Creating Pages in the frontend
    • LESSON 8.1Refactoring the Frontend
    • LESSON 8.2Adding Categories Bar
    • LESSON 8.3Adding Show Courses Component
    • LESSON 8.4Creating Categories Page
    • LESSON 8.5Creating Description Page
    • LESSON 8.6Designing Description Page
  • MODULE 9
    Adding Basket Feature
    • LESSON 9.1Creating Basket Entity
    • LESSON 9.2Making Migration to the Database
    • LESSON 9.3Creating Basket Controller
    • LESSON 9.4Creating Remove Item Method
    • LESSON 9.5Setting up Axios for the Basket
    • LESSON 9.6Creating Basket Page
    • LESSON 9.7Designing Basket Page
    • LESSON 9.8Using React Context
    • LESSON 9.9Fetching the Basket on App Start
    • LESSON 9.10Refactoring and Adding Basket Items Count
    • LESSON 9.11Adding Basket Summary
    • LESSON 9.12Adding "Add to Cart" Button in the Description Page
  • MODULE 10
    State management with Redux
    • LESSON 10.1Installing Redux
    • LESSON 10.2Creating Action in Redux
    • LESSON 10.3Introducing Redux Toolkit
    • LESSON 10.4Creating Basket Slice
    • LESSON 10.5Refactoring App to Use Redux Toolkit
    • LESSON 10.6Using Asynchronous Calls in Redux
    • LESSON 10.7Using Asynchrnous Calls in Redux Part 2
    • LESSON 10.8Using Entity Adapters
    • LESSON 10.9Redux Devtools
    • LESSON 10.10Using Selectors in Entity Adapters
    • LESSON 10.11Fetching Single Product
    • LESSON 10.12Creating Category Slice
    • LESSON 10.13Adding Search Filters
    • LESSON 10.14Adding Course Params to Redux
    • LESSON 10.15Adding Frontend Pagination
  • MODULE 11
    Identity
    • LESSON 11.1Setting up identity
    • LESSON 11.2Configuring Identity and Migration
    • LESSON 11.3Creating Users Controller
    • LESSON 11.4Json Web Tokens
    • LESSON 11.5Creating Token Service
    • LESSON 11.6Using Token Service
    • LESSON 11.7Validating the Token
    • LESSON 11.8Setting up Frontend for Identity
    • LESSON 11.9Building Login and Register Component
    • LESSON 11.10Finalizing Login page
    • LESSON 11.11Adding User Slice
    • LESSON 11.12Creating Login Dropdown
    • LESSON 11.13Persisting User Login
    • LESSON 11.14Adding FetchBasketSlice
    • LESSON 11.15Changing Basket Logic
    • LESSON 11.16Changing Basket Logic Frontend
    • LESSON 11.17Creating Private Route Component
  • MODULE 12
    Payments
    • LESSON 12.1Setting up Stripe
    • LESSON 12.2Creating Stripe Payment Service
    • LESSON 12.3Creating Payments Controller
    • LESSON 12.4Adding Stripe to Frontend
    • LESSON 12.5Building Checkout Component
    • LESSON 12.6Getting Payment Intent from the Server
    • LESSON 12.7Making Payment Function
    • LESSON 12.8Making Clear Basket Endpoint
    • LESSON 12.9Purchase Courses Endpoint
    • LESSON 12.10Storing User Secrets
    • LESSON 12.11Current User Endpoint
    • LESSON 12.12Showing Loader
  • MODULE 13
    Displaying Video Lectures
    • LESSON 13.1Displaying User Courses
    • LESSON 13.2Lectures Backend
    • LESSON 13.3Lectures Controller
    • LESSON 13.4Creating Lecture Slice
    • LESSON 13.5Creating Lecture Page
    • LESSON 13.6Centralizing Frontend Errors
  • MODULE 14
    Creating Courses
    • LESSON 14.1Adding Instructor Role
    • LESSON 14.2Creating Add Role Endpoint
    • LESSON 14.3Creating Instructor Page
    • LESSON 14.4Create Course Page
    • LESSON 14.5Create Sections Backend
    • LESSON 14.6Create Sections Frontend
  • MODULE 15
    Updating project to dotnet 6
    • LESSON 15.1Updating Project to .net 6
    • LESSON 15.2Adding New Dotnet 6 Features to Our Application
  • MODULE 16
    Deploying to Heroku
    • LESSON 16.1Creating Frontend Build
    • LESSON 16.2Serving Client from Our Backend
    • LESSON 16.3Switching to Production Database
    • LESSON 16.4Final Touches
    • LESSON 16.5Deplying to Heroku
  • MODULE 17
    Bonus Module - Getting started with Typescript
    • LESSON 17.1TypeScript Project Setup
    • LESSON 17.2Using TypeScript
    • LESSON 17.3Installing Lite Server
    • LESSON 17.4Using Types
    • LESSON 17.5Object, Array, Tuple, and Enum
    • LESSON 17.6Union, Literals and Custom Types
    • LESSON 17.7Typing Functions with TypeScript
    • LESSON 17.8Unknown and Never Type
    • LESSON 17.9Configuration in TypeScript
Right arrow icon.
Go to Next Lesson
Go to Next Lesson
LESSON 3.2Reviewing our React Project
  • Go Pro
  • Courses
  • The newline Guide to Fullstack ASP.NET Core and React
  • Setting up the React Project
  • Go To Previous Lesson
    Module 1 Summary
    Module 1 Summary

    In this lesson, we'll summarize what we did in module 1.

  • Go To Next Lesson
    Reviewing our React Project
    Reviewing our React Project

    In this lesson, we're going to look at our React project and understand the role of each file