React Projects

React Projects

Source Code - www.johnsmilga.com
Tutorial Video - https://youtu.be/iZhV0bILFb0

Products I Use:
Microphone - Shure SM7B - https://amzn.to/3fX55aD
Headphones - Shure AONIC 50 - https://amzn.to/3zbkxHC
Desk-Mounted Microphone Stand - https://amzn.to/3x3MBuS
Crossover - dbx 234s - https://amzn.to/3xcryGC
Audio Interface - Focusrite Scarlett 2i2 3rd Gen - https://amzn.to/3pt1wMx
Cheaper Microphone (My first mic) - Blue Yeti USB Mic https://amzn.to/3iliwTm
Blue Light Blocking Glasses - https://amzn.to/3fZASrv
Apple MacBook Pro 13.3" - https://amzn.to/3z5QDEK
iMac - https://amzn.to/3glWmOe
Second Monitor - LG 4K UHD 27UD88 - https://amzn.to/3ckdwdV
Wifi Router - TP-Link AC1900 - https://amzn.to/34ZSddz
Desk Chair - https://amzn.to/3ikNbQJ
Standing Desk - https://amzn.to/3zdKVAJ

Books I Recommend:
The Subtle Art of Not Giving a F*ck - https://amzn.to/3v9t8Yi
The Tipping Point - https://amzn.to/3gCslKj
Atomic Habits - https://amzn.to/3x52xNa
12 Rules for Life - https://amzn.to/3gln8pN
Deep Work - https://amzn.to/3cyAgqu
Digital Minimalism - https://amzn.to/3gao69A
A World Without Email - https://amzn.to/351Swoe
Rich Dad Poor Dad - https://amzn.to/3v8RWQ6
Rich Dad's Cashflow Quadrant - https://amzn.to/3ivt1Uk

Check out My Amazon Store for more products and books recommendations - https://www.amazon.com/shop/codingaddict

Disclosure: This video is not sponsored. Some links above are affiliate links, and l may earn a small commission from any purchases at no additional cost to you. Thank you for supporting my channel!

Intro 00:00
Starter Project Setup 03:34
1-Birthday Intro 07:18
1-Birthday Setup 07:54
1-Birthday Complete 13:31
2-Tours Intro 19:41
2-Tours Fetch Data 20:41
2-Tours Display Data 32:04
2-Tours Toggle Button 37:40
2-Tours Remove Tour 43:17
3-Reviews Intro 50:13
3-Reviews Info And React Icons 50:36
3-Reviews Setup 56:46
3-Reviews Prev And Next Person 1:05:39
3-Reviews Random Person 1:12:14
4-Accordion Intro 1:17:22
4-Accordion Complete 1:17:36
5-Menu Intro 1:27:27
5-Menu Display Items 1:28:16
5-Menu Manual Approach 1:36:08
5-Menu All Button 1:40:59
5-Menu Dynamic Approach 1:43:34
6-Tabs Intro 1:52:06
6-Tabs Setup 1:52:52
6-Tabs Display First Job 2:00:09
6-Tabs Buttons 2:06:42
7-Slider Intro 2:13:40
7-Slider Setup 2:14:07
7-Slider Manual Setup 2:24:59
7-Slider Setup Classes 2:32:44
7-Slider Prev And Next 2:40:12
7-Slider First And Last, Autoslide 2:43:32
8-Lorem-Ipsum Intro 2:50:53
8-Lorem-Ipsum Structure 2:52:24
8-Lorem-Ipsum Complete 3:00:32
9-Color-Generator Intro 3:08:49
9-Color-Generator Structure 3:10:33
9-Color-Generator Get Values, Error 3:19:11
9-Color-Generator Single Color 3:26:05
9-Color-Generator Copy To Clipboard 3:42:34
10-Grocery-Bud Intro 3:51:39
10-Grocery-Bud Structure 3:53:10
10-Grocery-Bud Add Items 4:03:46
10-Grocery-Bud Alert 4:13:21
10-Grocery-Bud Clear List 4:23:06
10-Grocery-Bud Remove Item 4:25:18
10-Grocery-Bud Edit Item 4:29:58
10-Grocery-Bud Local Storage 4:37:12
11-Navbar Intro 4:41:27
11-Navbar Structure 4:42:07
11-Navbar Links Data 4:50:59
11-Navbar Simple Toggle 5:00:14
11-Navbar Class Toggle 5:03:10
11-Navbar UseRef Approach 5:07:20
12-Sidebar Intro 5:16:22
12-Sidebar Structure 5:17:13
12-Sidebar Global Context 5:26:15
12-Sidebar Complete 5:36:39
13-Stripe Intro 5:44:46
13-Stripe Context Boilerplate 5:47:06
13-Stripe Navbar 5:56:31
13-Stripe Hero 6:03:31
13-Stripe Sidebar 6:06:18
13-Stripe Submenu 6:13:48
13-Stripe Location 6:18:16
13-Stripe Submenu Links 6:28:02
13-Stripe Hide Submenu 6:37:34
14-Cart Intro 6:41:55
14-Cart Setup Overview 6:42:44
14-Cart UseReducer Setup 6:50:25
14-Cart Clear Cart 6:57:16
14-Cart Remove Item 7:02:06
14-Cart Increase 7:06:35
14-Cart Decrease 7:11:40
14-Cart Get Totals 7:15:41
14-Cart Fetch Data 7:27:23
14-Cart Toggle Functionality 7:32:31
15-Cocktails Intro 7:39:57
15-Cocktails Additional Info 7:41:13
15-Cocktails Setup Overview 7:41:51
15-Cocktails Router Setup 7:44:49
15-Cocktails Navbar 7:50:15
15-Cocktails Error About 7:53:20
15-Cocktails Context Setup 7:56:28
15-Cocktails API Overview 8:06:54
15-Cocktails Fetch Drinks 8:10:29
15-Cocktails Display List 8:20:51
15-Cocktails Search Form 8:26:17
15-Cocktails Single Cocktail Page 8:32:49
Hosting - Drag And Drop 8:53:23
Hosting - Continuous Deployment 8:58:45

Видео React Projects канала Coding Addict