07. Designing the Application’s Top Bar with Tailwind CSS
In this video, we're building an awesome application top bar with Tailwind CSS. We'll add a logo, search bar, notification section, and profile section to make it look super sleek. Perfect for any web app!
▶️ Playlist: • Playlist
💻 Full Course: https://www.udemy.com/course/build-so...
🔗 Full Source Code: https://github.com/etrupja/CircleApp
🌟 Star the repository!
🌐 Connect with me and continue learning:
Read my blog: https://dotnethow.net
Explore my Udemy courses: https://www.udemy.com/user/ervis-trupja
Take my Pluralsight courses: https://www.pluralsight.com/authors/e...
Follow me on LinkedIn: / ervis-trupja
🎓Chapters
00:00 Introduction
01:28 Clean up existing code
03:04 What will you create?
03:49 Creating top bar placeholder divs
05:22 Creating logo sidebar overlay button
07:26 Creating search bar
09:22 Creating notification placeholder
14:57 Creating profile placeholder
22:45 Testing code changes
23:13 Fixing div locations
25:48 Testing updates
26:18 Remove bootstrap
28:45 Adding icons
30:01 Thank you