
Introducing myself and why I created this course, as well as where you can find more of my content paid and for free. Included in this course is the source code to the project we build to learn the MERN stack.
Walking through the project that we plan to build, and talk about each of the feature we will implement through the process.
Walking through the prerequisite technologies and hardware that is needed to completed the project, as well as where and how to get any of the technologies needed for the project.
Learn the basics of what NodeJS is and how write and run a simple NodeJS project.
Learn the basics of TypeScript, including variables, interfaces, types, how to compile and run programs.
Learn the basics of MongoDB and why it is a popular choice for projects like this.
Setup the NodeJS project structure with TypeScript.
Learn what what ExpressJS is, and how to setup a basic Express server.
Learn the basics of Mongoose as a ORM, and how to setup a database connection to the NodeJS application.
Walk through the proposed project user stories.
Write the model that represents the users that will be using the application and to be stored in our MongoDB database.
White the code that allows us to create and store a new user on the backend.
Write the code that allows us to get a user by their email and password and log them into our system. This allows the user to use the application.
Learn the basics of React with TypeScript. Including how to create a project, how to create components, how to style the components, and more.
Learn the basics of Redux and how to setup the state management system.
Write the code on the frontend that creates a popup modal for the user to choose to login or register an account.
Write the code on the frontend that allows users to register an account.
Finish writing the code on the server side for Creating, Reading, Updating, and Deleting user models.
Install React Router Dom and setup routing to different pages in the application.
Write the code to display the the users profile page on the application.
Write the server side code that allows for books to be created, read, updated, and deleted from the database.
Write the frontend code to display the applications home landing page.
Manually load book data into the database so we have more information to use in our application.
Write the code for the Catalog overview page of the application.
Write the code on the server side to be able to query a book based off of many of its different properties.
Write the code to search the book catalog on the frontend application.
Write the code which implements the library card logic that allows patrons to create and retrieve their library card on the server side.
Write the code that allows patrons to create and retrieve their library card information on the frontend.
Write the code that allows employees to loan and check in resources to patrons on the server side.
Write the code that lets the employees check out and check in a resource to a patron on the frontend.
Write the code to create the resource page which displays information about the selected book.
Write the code to display the patrons loan history on their profile page.
Investigate and fix a bug that popped up in the profile page during development of the application.
Outro and ideas on where to go next with the application.
In todays age in technology it is important to always stay current and up to date in terms of development stacks. The MERN stack is an ever popular and growing stack which consists of MongoDB, Express, React, and NodeJS. While NodeJS is becoming more and more popular, JavaScript is starting to take a back seat in the industry to TypeScript. Unfortunately, setting up all the technologies of the MERN stack with TypeScript is not as cut and dry as it should be, which is why I came up with this tutorial to get beginner web developers a step in the right direction with modern technologies.
In this course we are going to gain a fundamental understanding of the MERN stack by building a full stack application that I call Library Management System. Unlike other courses on Udemy, we will be building something more powerful than a simple Todo Application and I am going to walk you through every step. Including setting up the NodeJS project with TypeScript, setting up routes on the server, creating the React application with TypeScript, setting up Redux and more. By the end of the course you should feel confident enough to not only put this project on your portfolio, but also expand upon the project with new features all by yourself from the experience gained.