MERN Stack Advanced Travel Diaries Blog Project (2022)

Focused View

Indian Coders

4:44:43

96 View

1. Introduction

1. Introduction.mp4

01:29

2. Introduction to MERN Stack And This Project.mp4

02:37

2. Building Backend

1. Backend Workflow.mp4

01:50

2. Creating A Basic Node And Express Application.mp4

04:51

3. Connection To MongoDB Cloud.mp4

09:20

4. Creating User Model and User Routes.mp4

13:31

5. POST Http Request For User Signup.mp4

12:50

6. POST Http Request For User Login.mp4

07:00

7. Building Travel Posts Model and Creating POST HTTP Request To Add a Travel Diary.mp4

14:04

8. Getting a Post By ID.mp4

03:56

9. Updating Post With ID.mp4

06:01

10. Deleting a Post.mp4

03:38

11. Adding Relations bw User and Post Collection.mp4

13:46

12. Complete.html

3. Building Frontend With React

1. Creating Fresh React App.mp4

02:34

2. Building Header And Navigation Bar with Logo.mp4

07:14

3. Adding Navigation Bar Links.mp4

07:52

4. Adding React Router For Navigation.mp4

06:41

5. Building Homepage and Rendering Featured Image.mp4

04:56

6. Adding Google Fonts and Footer.mp4

08:16

7. Adding Reusable Card For List.mp4

05:43

8. Designing Card Layout.mp4

09:59

9. Calling API to Get All Posts.mp4

07:31

10. Adding Real Data In Cards.mp4

05:44

11. Designing Authentication Form.mp4

06:28

12. Handling Form Data.mp4

09:03

13. Sending Authentication Request To Backend.mp4

10:33

14. Implementing Redux For State Management.mp4

10:58

15. Dispatching Actions To Redux And Storing IDs in Local Storage.mp4

06:42

16. Adding Different Header Links After Authentication.mp4

04:06

4. Coming To Travel Blog Posts

1. Adding Add Blog Post Form Design.mp4

09:22

2. Handling Add Form.mp4

05:30

3. Sending POST Request To Backend To Add a Blog Post.mp4

05:11

4. UPDATE Request - Fetching Post Details From URL.mp4

07:48

5. Making PUT Request To Update a Post.mp4

08:01

6. Building Delete Functionality and Notifications Bar.mp4

05:51

5. Designing Profile and Working On Optimizations

1. Modifying Backend Controller To Get All Details With Posts.mp4

06:31

2. Designing and Building Profile Page.mp4

13:14

3. Optimizing Application.mp4

06:28

4. Final optimization.mp4

06:25

6. Summary And Thank You

1. Summary.mp4

01:09

Description

Learn Full Stack Development With MongoDB, React, Node, Express, Redux, Material UI And Building Real World Application

What You'll Learn?

Learn How To Build MERN Stack Application
Learn MERN Stack From Complete Beginner To Advance Level
Learn Operating With MongoDB Cloud With Multiple Collections
Learn How To Build REST API For Backend With Node & Express And MongoDB
Start Building Social Media Applications Like Instagram

Who is this for?

Beginner React/JavaScript/NodeJS Developers Who Want To Learn MERN Stack

Beginner Web Developers

What You Need to Know?

Basic JavaScript and React Knowledge Needed

No MERN Experience or Knowledge Required

More details

Description
Welcome To The Description!
If you are here then you are making the right choice for your career in Web Development.
In This course, you will learn about building a Social Media Blog Posting Application With MERN Stack
AÂ Travel Diaries Application
Where multiple users can create their travel diary blog and post it.
Any User Can See Any Different User's Blog.
User Can Alter, Delete The Blog
If you want this application to be added to your CV, then this is the perfect application for your resume.
Don't hesitate, if you're having any issues while learning then don't hesitate to connect with me.

NodeJS: Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on a JavaScript Engine and executes JavaScript code outside a web browser, which was designed to build scalable network applications.

Express.JS: Express.js, or simply Express, is a back-end web application framework for building RESTful APIs with Node.js, released as free and open-source software under the MIT License.

ReactJS: React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.

MongoDB: MongoDB is a source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the Server Side Public License which is deemed non-free by several distributions

Things You Will Learn Throughout The Project:

ReactJS - Building Professional-Level Applications

Advanced JavaScript - Using localStorage, Promises, async/await, API Calls

NodeJS - Learn How To Build Backend APIs (REST API) With NodeJS

MongoDB - Learn How To Create Applications WIth MongoDB Cloud & Integrate With NodeJS and Handle Multiple Collections (Tables) With Relations and Sessions.

Express - Learn How To Build Applications With Express and Node

Redux - Learn How To Manage Complex States In Redux

MaterialUI - Learn How To Use MaterialUI For Designing Frontend With Responsive Behavior

Responsive Project - Learn How to make Responsive Applications With React

So Don't waste time and enroll
Let's Meet You In The Course

Who this course is for:
Beginner React/JavaScript/NodeJS Developers Who Want To Learn MERN Stack
Beginner Web Developers

User Reviews

Rating

average 0

Total votes0

Focused display

Hi,We are Indian Coders, helping you out in Web Development, Game Development, and much more. We are motivated to provide content to the Students which they actually require to understand and without wasting much time they can learn and build things on their own.So If you have doubts and need support, just refer to the comment section for the doubts and we are always ready to help you out.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.