Xbox Landing Page Clone with React and Styled Components
This video teaches you how to do the Xbox landing page clone with React and Styled Components.
TimeStamp
0:00 Intro
2:30 Self Intro
3:00 Setup
10:15 Build Header Section
22:40 Build Side Navigation
31:15 Build Hero section
52:45 Create Icons Section
1:00:40 Build Content Block Section
1:25:30 Horizontal Blocks
1:33:05 Build Footer Section
1:40:25 Create Social Media Section
1:45:00 Make webpage Responsive
2:06:25 Outro
Resources:
Source Code: https://github.com/thatanjan/xbox-clo...
Styled Components Tutorial: • Styled Components Basics Tutorial | E...
Contacts
Email: [email protected]
Linkedin: / thatanjan
portfolio: https://thatanjan.me/
Github: https://github.com/thatanjan/
Instagram personal: / thatanjan
Twitter: / thatanjan
Videos you might want to watch:
Setup Eslint Prettier with Typescript and React -Nextjs, Create React App: • Setup Eslint Prettier with Typescript...
Everything you need to know about CSS in JS: • Everything you need to know about CSS...
Toggle Dark mode with Material-UI: • Material-UI Basics Course #4 - Toggle...
Build a real-time view counter: • Build a blog using #JAMstack #6 - Bui...
Build a small search engine with MongoDB: • Build a blog using #JAMstack #5 - Bu...
Playlists you might like:
Build a blog using JAMstack: • Build a blog using JAMstack #1 - Intr...
Material-UI basics course: • Video
Quick tricks: • Access COOKIES in NextJS from server ...
Crash course: • Redux toolkit crash course. Everythin...
How-to videos: • Setup Eslint Prettier with Typescript...
Stay safe and goodbye.