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...
On this page of the site you can watch the video online Review Card Figma to Code (React Project) with a duration of hours minute second in good quality, which was uploaded by the user Coding in Public 14 February 2023, share the link with friends and acquaintances, this video has already been watched 2,162 times on youtube and it was liked by 101 viewers. Enjoy your viewing!
