ASMR Programming - Pricing Card using Next13/Reactjs - No Talking
Hi there,
Today I will show you how to create the Pricing Card using cutting edge modern Frontend technologies such as NextJs V13(with app directory), Reactjs, Typescript(TS) and Tailwind CSS. It is a complete ASMR programming/coding video with no talking. I hope you will enjoy this video.
Happy Coding :)
💻 Get the source code from free (GitHub) :
https://github.com/ebraj/Usable-Secti...
🌟 GitHub :
You can follow me at GitHub - https://github.com/ebraj
🕹️ Tech Stack Used :
1. NextJs V13
2. TypeScript
3. Tailwind CSS
⚔️ My Armors :
1. Macbook Air M1
2. Samsung External Monitor
3. Fantech (MAXFIT61) Mechanical Keyboard
4. Basic Mouse
5. Mobile Phone for Recording
6. Mobile Phone Holder
⏯️ Checkout playlists :
React / Nextjs Projects - • React / Next Projects
JavaScript Projects - • JavaScript Projects
Project Showcase - • Project Showcase
⏰ Video Contents
00:00 - Intro
00:05 - Demo
00:32 - Starts coding
00:41 - NextJs v13 Installation
01:37 - Updating the layout file
02:30 - Cleaning the page file
02:52 - Updating the globals.css file
03:43 - Creating the CenterAligner Component
06:10 - Adding the allCardInfo datas
06:35 - Creating the CardContainer Component
09:30 - Creating the SingleCard Component
10:30 - Creating the types for the Price Card
11:00 - Working on the SingleCard Component
19:10 - Final Check ✅
And if you love to see such more videos, please consider subscribing this channel @untitleddev25