Build a Travel Blog App with React and Chakra UI MERN [2023]

سرفصل های دوره

Build and deploy a travel blog web app from scratch with React, Redux, Express, NodeJs, MongoDB [MERN Stack + Chakra UI]

1. Introduction

1. Introduction

2. Environment Setup

1. Overview

2. Node & NPM

3. GIT

4. Visual Studio Code

5. Visual Studio Code Extensions

6. Prettier Extension Settings

3. Project Setup

1. Create React App

2. Starting Our App & Explanation

3. Removing Files We Dont Need

4. Setting up GIT

4. Chakra, Routing & Navbar Setup

1. Overview

2. How To Help Yourself

3. Installing Project Dependencies

4. Chakra Provider and Navbar Initiation

5. Navbar Part 1

6. Navbar Part 2

7. Navbar Part 3

8. Navbar Part 4 + React Routing

9. Navbar Part 5

10. Navbar Part 6

11. Navbar Part 7 & Our First GIT Commit

5. Setting Up Our Backend, Redux, & Blog Screen

1. Overview

2. Setting Up Backend Structure

3. Setting Up Mongo DB Database

4. MongoDB Compass

5. Blog Post Schema

6. Get Blog Post Route Part 1

7. Get Blog Post Route Part 2

8.1 blogposts.zip

8. Importing Data To Our Database

9. Redux Setup And Blog Post Slices

10. Blog Post Actions

11. Redux Store Provider

12. Blog Screen Part 1

13. Blog Screen Part 2 & Concurrently

14. Set Up Blog Screen Route

15. Blog Screen Part 3

16. Adding .env File To Gitignore

17. Debugging Blog Post Route

18. Pushing Our Work To The Remote Repository

6. Pagination

1. Overview

2. Pagination & Categories in Blog Post Route

3. Postman & Testing our Route

4. Blog Post Slice Pagination

5. Blog Post Actions Pagination

6. Pagination in Blog Screen

7. Redux & React Devtools

8. Save Your Work To The Remote Repository

7. Single Blog Screen

1. Overview

2. Get Blog Post Route

3. Blog Post Actions

4. Single Blog Post Screen Part 1

5. Debugging Blog Route

6. Single Blog Post Screen Part 2

7. Save Our Work To The Remote Repository

8. Contact Screen

1. Overview

2. EmailJS

3. EmailJS Credentials

4. Contact Screen Part 1

5.1 regex.zip

5. Contact Screen Part 2

6. Contact Screen Part 3

7. Contact Screen Part 4

8. Contact Screen Part 5

9. Save Our Work To The Remote Repository

10. Adding Name To The EmailJS Template

9. Login, Admin Console, & Creating A New Blog Post

1. Overview

2. User Schema

3. User Route

4.1 users.zip

4. Adding User Data To The Database

5. Login Test In Postman

6. User Slice In Redux

7. User Actions In Redux

8. Login Screen Part 1

9. Login Screen Part 2

10. Login Screen Part 3

11. Login Screen Part 4

12. Login Screen Part 5

13. Admin Console Part 1

14. Admin Console Part 2

15. Admin Console Part 3

16. Admin Console Part 4

17. Admin Console Part 5

18. Admin Console Part 6

19. Admin Console Part 7

20. Admin Console Part 8

21. Admin Console Part 9

22. Admin Console Part 10

23. Save Your Work To The Remote Repository

10. Edit Blog Post

1. Overview

2. Handling Server Errors

3. Edit Blog Post Tab Part 1

4. Edit Blog Post Tab Part 2

5. Post Edit Part 1

6. Post Edit Part 2

7. Post Edit Part 3

8. Post Edit Part 4

9. Accordion Icon

10. Testing Remove Post Work Flow

11. Debug Remove Post

12. Save Your Work To The Remote Repository

11. Home Screen & Last Refinements

1. Overview

2.1 landing.zip

2. Home Screen

3.1 world.zip

3. Browser Tab Information

4. About Screen

5. Save Your Work To The Remote Repository

12. Deployment Via Render

1. Deployment Settings

2. Push Your Settings

3. Render Deploy

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training