Forem: Samuel Olakunde

Day 4 — Recipe Cards Component Complete 🎉

Samuel Olakunde — Tue, 15 Jul 2025 21:24:35 +0000

Hi all,

I’ve wrapped up the RecipeCard component layout today:

Highlights

Card structure: placeholder image, title, description, “View Recipe” button
Styled with Tailwind: shadows, rounded corners, smooth hover states
Packaged as a reusable React component for my TastyHub app

Next Steps

Add star rating UI
Hook up live recipe data from my API
Ensure accessibility and keyboard navigation

On Day 5, I’ll start building out the grid layout and prepare for interactivity.

Feedback and suggestions always welcome!

Day 3 — Mobile Responsiveness & Recipe Cards 🏃‍♂️

Samuel Olakunde — Tue, 15 Jul 2025 21:22:09 +0000

Hey everyone 👋,

Today I focused on making TastyHub look great on mobile:

What I Accomplished

Responsive Header & Search: Improved breakpoints for nav and search bar
RecipeCard Component: Created the card skeleton (image placeholder, title, description)
Tailwind Tweaks: Used sm:, md:, and lg: modifiers to ensure a fluid mobile experience

Takeaways

Mobile-first styling saves headaches later
Tailwind’s utility classes are super fast for responsive layouts
Even without full data or ratings, structure matters

Next: Day 4—complete the RecipeCard with star ratings and hover states!

Stay tuned, and let me know if you have tips for responsive cards!

100DaysOfCode #ReactJS #TailwindCSS #ResponsiveDesign #FrontendChallenge

Day 2 — TastyHub Header, Tailwind Setup, and Real Frustration 😅

Samuel Olakunde — Fri, 11 Jul 2025 21:55:22 +0000

Hey devs 👋,

Here’s what I got done on Day 2 of my 90-day frontend challenge:

✅ What I Did

Installed and configured TailwindCSS with Vite (finally working 💥)
Set up the base layout for the Navbar component
Added a search bar UI — small step, big lesson

🧠 What I Learned

Getting the environment right matters a lot
Debugging is part of learning, not something to skip
PostCSS and module errors? Yeah... they’ll test your patience

⚙️ Stack

React, Vite, TailwindCSS, GitHub

I’m building a recipe web app called TastyHub — and I’ll post again once I finish the hero section.

Feel free to connect or drop your advice 🙏

100DaysOfCode #React #TailwindCSS #BuildInPublic #Frontend

Day 1 of My 90-Day Frontend Journey: Why I’m Learning React & Tailwind in Public

Samuel Olakunde — Thu, 10 Jul 2025 22:50:32 +0000

Hey everyone 👋,

I’ve officially started a 90-day journey to grow as a frontend developer. My first project is called TastyHub — a modern recipe site using React and TailwindCSS.

I’m doing this challenge to:

Build real-world UI components
Practice writing better, cleaner code
Document my progress and stay consistent

Right now, I’ve set up my development environment, structured my components, and started building out the navbar.

Feel free to follow along or give feedback. I’ll be posting every few days with updates.

Let’s build something tasty! 🍲