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...
Auf dieser Seite können Sie das Online-Video Review Card Figma to Code (React Project) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Coding in Public 14 Februar 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,162 Mal angesehen und es wurde von 101 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
