Figma to Full Stack Next Js | Design to Development | Save Walter Redesigned | TypeScript | MongoDB
Design to Development | Figma to Full Stack Next Js
In this video we are going to recreate the "Save Walter" website from the best TV Series ever created named "Breaking Bad".
🟠 About the project :
This is a donation website, where someone can donate some amount to save a HUMBLE professor from cancer. This website has 4 pages., I intentionally created these pages so that I can show all the fundamentals of Next
🔴 Tech we are going to explore :
Figma
Next Js (React )
Mongo DB
Type Script 💜
Next Connect
Paypal
Much More
--------
🟡 The pieces of stuff you are looking for :
Figma Assets: https://drive.google.com/drive/folder...
Static Images used in Next Js:
https://drive.google.com/drive/u/0/fo...
💻 GitHub Repo link :
https://github.com/Dey-Sumit/BC-Save-...
🟪 Next Image in Detail :
• ⚪ #11 : Next Image - Developer Portfo...
----------------------------
⌚ TimeStamps :
0:00 - 0:49 - Project Trailer
0:50 - Design in Figma
49:50 - Development Set up
1:00:53 - UI in Next & Tailwind
1:52:36 - PayPal Integration in Next Js
2:05:34 - Mongo DB & Co.
2:30:40 - Next Connect API
2:50:15 - Next Data Fetching
3:19:53 - Deployment on Vercel 🚀
🎈 Follow my page on Instagram for programming cheat sheet :)
Instagram: / backbench.coder
Facebook: Nope!!! I love React but I hate Facebook
--------------
and at last, if you find this video helpful, please please hit the like button,
that motivates me a lot
If anything goes wrong, just comment down below
Love You 💚
🟢 If you want to support this channel, please come forward 🙏
𝐀 𝐬𝐮𝐩𝐩𝐨𝐫𝐭𝐞𝐫 𝐢𝐬 𝐰𝐨𝐫𝐭𝐡 𝐭𝐡𝐨𝐮𝐬𝐚𝐧𝐝 𝐟𝐨𝐥𝐥𝐨𝐰𝐞𝐫𝐬
https://www.buymeacoffee.com/backbenc...
/ backbenchcoder
Music:
Inspiring Chill Beat, Relax Instrumental
[No Copyright Sound] [ FREE USE MUSIC ]
• Inspiring Chill Beat, Relax Instrumen...
Breaking Bad Theme
For Educational purpose
• Video