Recreating the Reddit UI with Tailwind CSS - Suboptimal Clone #2
Suboptimal Engineer
== [ Description ] == In this video, I go over how to clone the Reddit UI using Tailwind CSS. This is the second of many Tailwind clones that I plan to release in the coming few weeks. I'm making this series to practice my UI/web design skills and explain some of the learnings along the way. So sit back, relax, and follow along as I struggle to recreate this Reddit clone.
Note: I code this Reddit clone within Vue.js, but no prior knowledge of the framework is required to follow along. I'd also suggest watching it at 1.25 or 1.5x speed.
== [ Socials ] == Twitter ▶ https://twitter.com/SuboptimalEng Github ▶ https://github.com/SuboptimalEng Subscribe ▶ https://youtube.com/SuboptimalEng?sub_confirmation=1
== [ Links ] == Tailwind CSS: https://tailwindcss.com/ Vue + Tailwind CSS Setup Guide: http://youtu.be/lazG_4uUXMY Vue + Font Awesome Setup Guide: http://youtu.be/MoDIpTuRWfM Vue + Airbnb ESLint Setup Guide: http://www.youtu.be/gigc5XIb-BA
== [ Timestamps ] == 00:00 Reddit UI Clone Demo 01:42 Intro 02:48 Project Setup 03:28 GitHub Template + Code 04:01 Navbar - Base Code 05:46 Navbar - Reddit Logo 10:01 Navbar - Dropdown Button 14:18 Navbar - Dropdown Div 18:36 Quick Reddit UI Recap 19:23 Navbar - Search 21:20 Navbar - Common Actions 24:28 Navbar - Reddit Coins 27:26 Navbar - Profile Section 31:16 Trending Today 36:02 Popular Section - Filter 41:08 Popular Section - Posts 45:52 Reddit UI Clone Recap 46:25 Fin
== [ Tags ] == #suboptimal #tailwindcss #codereview
1156931993 Bytes