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...
Смотрите видео Review Card Figma to Code (React Project) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Coding in Public 14 Февраль 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,162 раз и оно понравилось 101 людям.