|
1. Course trailer
(1:00)
|
|
|
1. Create next app
(7:00)
|
|
|
2. Metadata and favicon
(3:00)
|
|
|
3. Clsx and Tailwind-merge
(8:00)
|
|
|
4. Adding google and custom fonts
|
|
|
1. Grain background
(10:00)
|
|
|
2. Custom animated cursor
|
|
|
3. Water wave effect
|
|
|
1.1 tailwind.config
|
|
|
|
1. Creating the card component
|
|
|
|
2. Creating the button component
|
|
|
|
3. Creating the Input and Textarea components
|
|
|
|
4. Creating the profile component
6:00
|
|
|
|
5. Creating the fancy button component
8:00
|
|
|
|
6. Createing the Live clock component and handle live ti
|
|
|
|
7. Magnetic effect wrapper
|
|
|
|
7.1 scroll-down
|
|
|
Typography
|
|
|
|
1. Animated heading component
|
|
|
Working on Next
|
|
|
|
1. What we will build, and working on header
|
|
|
|
2. The Slogan
|
|
|
|
1.1 globals
|
|
|
|
1.2 heading-animated-svg
|
|
|
|
1.3 svg-curve
|
|
|
|
2. Featured card Header
|
|
|
|
3. Featured Card Video
|
|
|
|
4. Expandable cards
|
|
|
|
1. Building the structure of about section
|
|
|
|
2. Let's create the Me card
|
|
|
|
3. Let's create the Resume card
|
|
|
|
4. Let's create the Background card
2:00
|
|
|
|
5. Let's create the Gallery swiper
|
|
|
|
6. Let's create the Timeline component
|
|
|
|
7. Let's create Experience, Education, Instructor, Certi
|
|
|
|
8. Let's create the Stack card
|
|
|
|
1. Contact cards
|
|
|
|
2. Contact form structure
|
|
|
|
3. Select input and handle all complexity
|
|
|
|
4. Send emails easily from frontend only
|
|
|
|
1. Menu setup
|
|
|
|
2. Profile card and menu links
|
|
|
|
3. Navlink dot scale effect with framer motion
|
|
|
|
4. Working on Footer links
|
|
|
|
5. Blend mode about menu card
|
|
|
|
6. ShowHide toggle button after scrolling
|
|
|
1. Let's deploy !
|
|