Day 41 of #100DaysOfCode | Day 106 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2 is live! 🎉
Connected PokéAPI logic to our Tailwind layout! Features interactive search, type badges, dynamic stat bars & full responsiveness! 📱⚡️
106 days down! 🚀
Day 40 of #100DaysOfCode | Day 105 of #200DaysOfCode with @BlockfuseLabs 🚀
Built a Pokémon Card Fetcher! ⚡️🐉
Used async/await to pull stats, types & sprites from the PokéAPI, mapping array responses into clean card data objects.
Live build drops tomorrow! 🍿
Day 40 of #100DaysOfCode | Day 105 of #200DaysOfCode with @BlockfuseLabs 🚀
Built a Pokémon Card Fetcher! ⚡️🐉
Used async/await to pull stats, types & sprites from the PokéAPI, mapping array responses into clean card data objects.
Live build drops tomorrow! 🍿
Day 39 of #100DaysOfCode | Day 105 of #200DaysOfCode with @BlockfuseLabs 🚀
Built an Affirmation Generator! ✨💬
Fetched random words of wisdom via API, dynamically updating quotes with a clean button click inside a card layout. 🎨🚀
105 days down! Onward! ⚡
Day 38 of #100DaysOfCode | Day 104 of #200DaysOfCode with @BlockfuseLabs 🚀
Built a Dog Image Fetcher! 🐶🌐
Used JavaScript async/await to pull random dog photos and 5 specific breed selections from a public API, wired up to a Tailwind UI with instant click triggers! 🎨🐾
⚡
Day 37 of #100DaysOfCode | Day 103 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 3 is live! 🎉
Connected our async JS fetch logic to the Tailwind UI! Features real-time data, responsive layouts & skeleton loaders! 🌐📱
103 days down! ⚡
Day 36 of #100DaysOfCode | Day 102 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2: Pure JS API integration! 💻🌐
Built async/await fetch functions, dynamic search filters & clean data array mapping.
Live deployment tomorrow! 🍿
Day 36 of #100DaysOfCode | Day 102 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2: Pure JS API integration! 💻🌐
Built async/await fetch functions, dynamic search filters & clean data array mapping.
Live deployment tomorrow! 🍿
Day 35 of #100DaysOfCode | Day 101 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Designing the Tailwind CSS layout! 🎨⚡
Crafted custom @layer components for API data cards, loading skeletons, error toasts & search inputs.
JS fetch logic tomorrow! 💻
Day 35 of #100DaysOfCode | Day 101 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Designing the Tailwind CSS layout! 🎨⚡
Crafted custom @layer components for API data cards, loading skeletons, error toasts & search inputs.
JS fetch logic tomorrow! 💻
Day 34 of #100DaysOfCode | Day 100 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 4 is live! 🎉
Connected JS logic to our Tailwind UI! Features dynamic status toggles, priority filtering & live task updates! 📋🌐
Day 100 hit on the dual track! Halfway on #200DaysOfCode! 🔥
Day 33 of #100DaysOfCode | Day 99 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 3: Building pure JS array logic for our Task Manager Dashboard! 💻📋
Used array methods (.filter(), .sort(), .map()) to organize tasks by priority, status, and due dates without touching the DOM. ⚡
Day 33 of #100DaysOfCode | Day 99 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 3: Building pure JS array logic for our Task Manager Dashboard! 💻📋
Used array methods (.filter(), .sort(), .map()) to organize tasks by priority, status, and due dates without touching the DOM. ⚡
Day 32 of #100DaysOfCode | Day 98 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2 is live! 🎉
Deployed our Task Manager System Dashboard—featuring dynamic task cards, progress tracking, and interactive status tags! 📋🌐
JavaScript tuning up next! ⚡
Day 32 of #100DaysOfCode | Day 98 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2 is live! 🎉
Deployed our Task Manager System Dashboard—featuring dynamic task cards, progress tracking, and interactive status tags! 📋🌐
JavaScript tuning up next! ⚡
Day 31 of #100DaysOfCode | Day 97 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Building a Task Manager System Dashboard! 🎨⚡
Crafted custom Tailwind @layer components for priority badges, task status cards, and Kanban column layouts.
Live deployment drops tomorrow! 🏗️
Day 31 of #100DaysOfCode | Day 97 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Building a Task Manager System Dashboard! 🎨⚡
Crafted custom Tailwind @layer components for priority badges, task status cards, and Kanban column layouts.
Live deployment drops tomorrow! 🏗️
Day 27 of #100DaysOfCode | Day 93 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2 is live! 🎉
Connected our pure JS record logic to our Tailwind layout and tuned responsiveness across all devices using sm:, md:, and lg: breakpoints! 📱🌐
93 days down. Onward! ⚡
Day 26 of #100DaysOfCode | Day 92 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Built the Tailwind CSS file for our Student Record Manager! 🎨⚡
Configured custom layer components for data tables, status badges, and interactive control panels.
Live build drops tomorrow! 🏗️
Day 26 of #100DaysOfCode | Day 92 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Built the Tailwind CSS file for our Student Record Manager! 🎨⚡
Configured custom layer components for data tables, status badges, and interactive control panels.
Live build drops tomorrow! 🏗️
Day 25 of #100DaysOfCode | Day 91 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Building core JavaScript logic for a Student Record Manager! 💻🎓
Used pure array methods like .filter(), .sort(), and .map() to organize student data, calculate GPA averages & search records.
🏗️
Day 30 of #100DaysOfCode | Day 96 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 3: Fine-tuning responsiveness across all viewports! 📱💻
Used Tailwind breakpoint prefixes (sm:, md:, lg:) to stack grid elements, adapt touch targets, and refine mobile layouts.
96 days down.⚡
Day 29 of #100DaysOfCode | Day 95 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2 is live! 🎉
Deployed the new Tailwind project featuring clean component cards, smooth transitions, dynamic theme variables, and active states! 🎨🌐
Responsiveness tuning up next! ⚡
Day 29 of #100DaysOfCode | Day 95 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2 is live! 🎉
Deployed the new Tailwind project featuring clean component cards, smooth transitions, dynamic theme variables, and active states! 🎨🌐
Responsiveness tuning up next! ⚡
Day 28 of #100DaysOfCode | Day 94 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Setting up a brand-new project layout! 🎨⚡
Crafted responsive navigation, grid structures, and modular UI cards using utility-first Tailwind classes and custom layer directives.
Live tomorrow! 🏗️
Day 28 of #100DaysOfCode | Day 94 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Setting up a brand-new project layout! 🎨⚡
Crafted responsive navigation, grid structures, and modular UI cards using utility-first Tailwind classes and custom layer directives.
Live tomorrow! 🏗️
Day 24 of #100DaysOfCode | Day 90 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 3: Mobile & screen optimization! 📱💻
Used Tailwind breakpoint modifiers (sm:, md:, lg:) to stack UI blocks, fix mobile touch targets & ensure fluid grid layouts.
90 days down! ⚡
Day 23 of #100DaysOfCode | Day 89 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2 is live! 🎉
Deployed our interactive UI Showcase featuring real-time button states, modal triggers, dynamic form inputs & notification toasts! 🎨🌐
Responsiveness up next! ⚡
Day 23 of #100DaysOfCode | Day 89 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 2 is live! 🎉
Deployed our interactive UI Showcase featuring real-time button states, modal triggers, dynamic form inputs & notification toasts! 🎨🌐
Responsiveness up next! ⚡
Day 22 of #100DaysOfCode | Day 88 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Dedicated Tailwind CSS file setup! 🎨⚡
Crafted custom UI tokens using @layer components for glassmorphic cards, glowing buttons & modal overlays.
Live build drops tomorrow! 🏗️
Day 22 of #100DaysOfCode | Day 88 of #200DaysOfCode with @BlockfuseLabs 🚀
Part 1: Dedicated Tailwind CSS file setup! 🎨⚡
Crafted custom UI tokens using @layer components for glassmorphic cards, glowing buttons & modal overlays.
Live build drops tomorrow! 🏗️
















