
Explore full stack development with the MERN stack (MongoDB, Express, React, Node.js) and learn to build websites from scratch, focusing on fundamentals, while design, deployment, and testing are not covered.
Explore building a full-stack MERN app by implementing a React front end, an Express and Node.js back end, and a MongoDB database with restful APIs, routing, middleware, and Mongoose integration.
Set up your MongoDB Atlas database for a MERN CRUD app, create an organization and project, initialize a free-tier cluster, configure access, and connect from your local environment.
Set up an express project by initializing npm in a directory, installing express and nodemon, and running app.js that listens on port 4000 with a / route returning helloworld.
define express routes on the root path and create /doc and /random endpoints using get, post, and delete. implement middleware that runs before each response.
Install cors and body-parser, build a books router with express router, and implement get, post, patch, and delete at /books, testing on localhost 4000 before database integration.
Connect express apps to MongoDB with Mongoose, define a book model with title and description, and implement CRUD operations with error handling. Verify the connection prints connected to database.
Set up a React front end for a MERN app by creating a new React project, wiring an API module to connect to MongoDB, and implementing book CRUD operations.
Create a table book component to display books retrieved from the backend, wiring React components to render book titles and descriptions from a MongoDB-backed API.
Build the add new data entry component in a MERN CRUD app to create a new book, manage form state for title and description, and submit via on create.
Implement delete and update features in a MERN app by adding a delete button that removes a record by id and a description update form that calls the backend API.
In this course you will be learning to build a CRUD(Create, Read, Update, and Delete) app using one of the most popular web framework with MERN(MongoDB, ExpressJS, React, and NodeJS) stack. You will learn how to connect Front-end application(React) with Backend application(Express, MongoDB, NodeJS). This course is intended for those who want to get a hands-on coding to build a website from the ground up following current industry standard. At the end of the course, you should have the knowledge to start your own website from scratch.
The course will be structured as follows:
- Setup database using MongoDB
- Setup your backend using Express
- Implement both routes and middleware in Express
- Connect your backend app and your database using Mongoose
- Setup your frontend using React
- Show data from backend to your React application
- Add a new data entry to the backend from your React application
- Delete a data entry to the backend from your React application
- Update a data entry to the backend from your React application
This course focus mainly on the integration of this tech stack and how to does not provide lots of concept. If you want to learn more about each of this libraries, you could find the official documentations for each of the libraries. Here's the technology stack and tools that we will be using in this course:
- Visual Studio code
- Postman
- NodeJS
- Express
- React
- MongoDB
- Mongoose
- CORS
- npm