TheLazy.Dev
Portfolio GitHub

Blog

1000attempts |ui

Attempt #2 - Notification Card with Call-to-Action

dilsemonk

dilsemonk

Posted on August 20, 2024

Attempt #2 - Notification Card with Call-to-Action

For my second widget, I created a simple notification card with a clear CTA button. The design is minimalist, focusing on clear messaging and interactivity with a subtle hover effect.

Check out the code and see how I used Tailwind CSS to build it here.

Image description

More widgets coming soon as I continue my journey to 1000!

💖 💪 🙅 🚩
dilsemonk
dilsemonk

Posted on August 20, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Attempt #17 - Asked ChatGPT to give me a reality check on my understanding of React useEffect hook
1000attempts Attempt #17 - Asked ChatGPT to give me a reality check on my understanding of React useEffect hook

September 1, 2024

Attempt #13 - Continued the React Crash Course
1000attempts Attempt #13 - Continued the React Crash Course

August 28, 2024

Attempt #9 - Built Tic-Tac-Toe Initial Version with React and Tailwind
1000attempts Attempt #9 - Built Tic-Tac-Toe Initial Version with React and Tailwind

August 25, 2024

Attempt #8 - Crafting a Chat Experience with Tailwind CSS
1000attempts Attempt #8 - Crafting a Chat Experience with Tailwind CSS

August 24, 2024

Attempt #7 - Crafting a Responsive Notification UI Component with Tailwind CSS
1000attempts Attempt #7 - Crafting a Responsive Notification UI Component with Tailwind CSS

August 24, 2024