Review Card Figma to Code (React Project)
In this video, we’ll build out a review summary card from UI Design Daily using React and CSS.
Try Figma: https://bit.ly/figma-cip
🔗 Key Links 🔗
Design file: https://uidesigndaily.com/posts/figma...
Github: https://github.com/coding-in-public/r...
---------------------------------------
🔗 Additional Links 🔗
Google Fonts: https://fonts.google.com/
SVGO GUI: https://jakearchibald.github.io/svgomg/
---------------------------------------
📹 Related Videos 📹
Text Pastry Extension: • 1 to X with Text Pastry!
Reduce Function: • What is the Reduce Method?
---------------------------------------
⏲️ Timestamps ⏲️
0:00 Introduction
4:07 Base CSS
9:46 Adding Content
13:59 CSS
32:24 Adding Review Data
39:36 Review CSS
45:36 Review Helper Functions
52:03 Final fixes and improvements
---------------------------------------
🎨 VSCode Theming
Font: Cascadia Code: https://github.com/microsoft/cascadia...
Theme: https://marketplace.visualstudio.com/...
Icons: https://marketplace.visualstudio.com/...
---------------------------------------
🌐 Connect With Me 🌐
Website: https://codinginpublic.dev
Blog: https://chrispennington.blog
Twitter: / cpenned
Patreon: / coding_in_public
Buy Me a Coffee: https://www.buymeacoffee.com/chrispen...
Watch video Review Card Figma to Code (React Project) online without registration, duration hours minute second in high quality. This video was added by user Coding in Public 14 February 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,162 once and liked it 101 people.