mern stack portfolio

Name: mern stack portfolio
Rating: 4.3 (18 reviews)

Learn the mern stack by creating an amazing full stack portfolio project

Created byOdysseas kolas

Last updated 5/2021

English

What you'll learn

The mern stack
Html-css
React hooks
React context API hooks
upload images to cloudinary and take url to mongo db
create,post,delete,update items
create admin component and get inside with token from mongo
How to create a full functional contact form with react-node-express-nodemailer

Course content

3 sections • 86 lectures • 22h 32m total length

Introduction9:07

1.Initial setup19:34
2.Creating routes15:06
3.Creating controlers11:50
4.Dealing with mongodb13:38
5.Create aboutSchema4:21
6.Get post about data21:25
7.getById-put-and delete data20:30
8.Dealing with education route24:12
9.Dealing with experience route18:27
10.user schema and routes7:15
11.Routes and register29:28
12.login user9:12
13.VerifyToken and auth user21:39
14.Project schema and routes setup14:11
15.Get-post-getById-put-delete project26:57
16.upload route and cloudinary setup7:57
17.Post upload image13:48
18.delete upload image and testing15:24
19.contact form16:47

20.Initial client setup9:24
21.Create components part120:37
22.Create components and routes part228:52
23.Navbar component html10:36
24.Navbar component css20:13
25.Navbar component css media queries12:34
26.Navbar component functionality6:00
27.Navbar button transition5:24
28.Header component particle html21:07
29.Header component personal info htlm7:13
30.Header component css part112:42
31.Header component css part227:08
32.About component html-css9:29
33.Education component html-css11:41
34.Projects component html-css23:18
35.Experience component html-css10:49
36.Contact component html11:39
37.Contact component css24:15
38.Footer component html10:10
39.Footer component css19:54
40.Login component html-css24:28
41-a.Register component10:05
41-b.Working with admin components12:21
42.About component html10:46
43.About admin component css26:35
44.Education admin component html10:32
45.Education admin component css10:09
46.Project admin component html20:34
47.Project admin component css8:06
48.Experience admin component10:27
49.Edit about component15:10
50.Edit education component6:34
51.Edit project component16:29
52.Edit experience component6:15
53.Navbar scroll functionality16:06
54.Setup context API7:53
55.About component fetch data24:05
56.About admin fetching data14:51
57.About admin submit-onchange functionali19:28
58.About admin delete functionality21:22
59.Edit about component fetch-update data23:59
60.Education component fetch data10:21
61.Education admin fetching data13:24
62.Education admin delete-add data17:19
63.Edit admin education fetch-update14:25
64.Experience component fetching data9:14
65.Experience admin fetch-submit-delete15:54
66.Edit experience fetch-update10:37
67.Project admin handle upload22:15
68.Project admin handleDestroy-handlechang13:09
69.Project admin submti to mongo -cloudinary22:38
70.Project admin fetching-deleting data17:20
71.Edit project admin fetching data11:55
72.Edit admin project update data16:13
73.Project component fetching data7:18
74.Contact form submit28:01
75.Contact form attention5:25
76.Login component functionality26:28
77.Register component functionality21:20
78.Taking token from mongo db17:48
79.Using token on navbar part117:52
80.Using token in navbar part219:53
81.Make project elegant13:20
82.Deploy app to heroku part119:29
83.Include admin on footer and update to heroku21:54
85.solve memory leak erros.End!!!18:40

Requirements

No. Only good mood and passion to learn.

Description

In this course you are going to cover all the full stack development field with the famous mern stack technology. Without a doubt here you are going to learn react hooks, react context API hooks, how to upload images on cloudinary, how to get, delete, post, add things.Also you are going to learn how to create a dynamic full functional contact form with react-node-express-nodemailer, how to create an admin component and many functionalities. It is a big project but you are going to master the mern stack!

Who this course is for:

Everyone who wants to learn the full stack development

mern stack portfolio

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 9min

Back end19 lectures • 5hr 12min

Front end66 lectures • 17hr 12min

Requirements

Description

Who this course is for: