Clean Code / UX/UI Portfolio with React, Next.js,TypeScript, Chakra UI

I'll show you how I leveraged the power of these strong frontend technologies to create a fully responsive and visually appealing design.

Chapters:
0:00 - UI/UX Intro - Look and Feel
3:30 - UX/UI - About Section and Video
4:16 - UX/UI Tech Section Overview & Content Type
6:09 - UX/UI Above the Fold - UX Experience / CTA (Call To Action)
7:15 - UX/UI Tech Section - Video
8:13 - UX Clients / Modal, Slider - Reusable Component Explained - UX
9:50 - UX Demo Section - Code Samples
11:39 - UX Articles Section - Content
13:59 - UX/UI Contact
14:34 - React / Next js - Intro Architecture - Next js Routing
16:55 - React Components / Intro
18:44 - React General Components - Carousel
19:34 - React Architecture - Chakra UI
20:24 - Architecture with Typescript , Plugins
21:25 - Intro Component Anatomy , Next js SEO
23:13 - Chakra Styling
23:50 - React Hooks
25:15 - React Button - Reusable Component
26:40 - React useRef Hook , Pages, Next Router, UseEffect
28:26 - Chakra UI Provider and Theme
26:39 - React Header - Navigation - Responsive Nav, Chakra Flex, Icons
31:33 - Loader (Legacy Previous Code) , Clean Code
32:48 - React Modal Reusable Component , Chakra UI Modal
35:30 - React Modal Content
38:10 - React View Component , Props
38:44 - React Hooks, useCallBack
45:25 - Outro

🎥 Subscribe for more content: / @code-jones

🔔 Don't forget to please hit the like, subscribe button, and click the bell icon to stay updated on future videos which will help this channel grow, thank you!

#SoftwareEngineer #reactjs ##SoftwareDevelopment #nextjs14 #typescript #frontenddevelopment #uxdesign #portfolioprojects #programming