Day47/100 #100DaysOfCodeExplored @blockfuselabs the Star Wars API (SWAPI) today Used async/await and fetch to pull characters and planets, then rendered them as cards by cloning an HTML template with cloneNode. Dynamic data, reusable layout. #JavaScript #API #WebDev

Day 46/100 #100DaysOfCode @blockfuselabs Starting my React journey today Setting up a Vite project and learning the structure: src, assets, App.jsx, main.jsx, index.html and config files, and how they all connect. Also started drafting a navbar and hero section with Tailwind.

Day 45/100 #100DaysOfCode @blockfuselabs Another API practice today Built a “Get Yes” button that fetches a random reason from the Yes API and displays it live on the page, using async/await, try/catch and DOM updates. Small project, solid repetition. #JavaScript #API #WebDev

44/100 #100DaysOfCode @blockfuselabsBuilt a dog image generator today Pick a breed from the dropdown, hit the button, and fetch a random photo from the Dog CEO API with async/await and dynamic DOM updates. #JavaScript #API #WebDevDay

Day 43/100 #100DaysOfCode Fixed the API issue today Switched to the DummyJSON products endpoint with select=thumbnail,title,price, and now product images, names and prices load dynamically into the MacQueen’s Motor’s grid. Debugging pays off. #JavaScript #API #WebDev

Day 42/100 #100DaysOfCode Wiring MacQueen’s Motor’s up to live API data Using async/await and fetch to pull F1 drivers from the OpenF1 API and render names, teams and headshots into the product grid. Still debugging the images, but it’s coming together. #JavaScript #API #WebDev

Day 41/100 #100DaysOfCodes Building an e-commerce storefront today Sticky navbar with search, cart and user icons, plus a full-screen “Summer Sale” hero banner with a call-to-action. Also set up admin and login pages. HTML Tailwind CSS. #WebDev #TailwindCSS

Day 40/100 #100DaysOfCode @blockfuselabs Practiced fetching data from an API today Pulled beauty products from the DummyJSON API and rendered them dynamically into a clean product grid with names, prices and “NEW” badges. Reading the docs, then building. #JavaScript #API

Day 39/100 #100DaysOfCodes @blockfuselabs Learning to work with APIs today Reading through the DummyJSON Products docs and practicing fetch requests to get all products, single products, search, and pagination. Docs first, code next. #JavaScript #API

Day 38/100 #100DaysOfCode @blockfuselabs Solved a Score of Parentheses problem today Tracking depth through a loop and scoring each balanced pair with 2 ** depth. #JavaScript #ProblemSolving

Day 37/100 #100DaysOfCodes Building MacQueen’s Motor’s, a car store website Product grid with sidebar filters, sort options, cart badge, and a mega-menu nav for cars and rims. HTML Tailwind Flex. @blockfuselabs #TailwindCSS

Day 36/100 #100DaysOfCodes Reusable HTML task template styled by priority & overdue state with Tailwind #JavaScript @blockfuselabs

Day 35/100 #100DaysOfCodes Import tasks with FileReader, validation & duplicate ID filtering #JavaScript

Day 34/100 #100DaysOfCodes Export tasks to JSON using Blob createObjectURL #JavaScript

Day 33/100 #100DaysOfCode TaskForge dashboard is taking shape 📋 Stats cards for Total, Completed, Pending & Overdue, plus filters by status, priority and category, sorting, and bulk actions. All built with vanilla JS. #JavaScript #WebDev

Day 32/100 #100DaysOfCode Building TaskForge, a task management dashboard Create-task modal with priority, category, due date and description, plus search, filters, bulk actions, dark mode and JSON import/export. Vanilla JS DOM manipulation all the way. #JavaScript #WebDev

Day 31/100 #100DaysOfCode Building a drag-and-drop feature today Handling dragstart/dragend events and figuring out container positioning with getDragAfterElement. #JavaScript

Day 30/100 #100DaysOfCode #JavaScript Drag and drop project structure is in place Two containers with draggable elements, wired up to app.js for the interaction logic.

Days 29/100 #100DaysOfCode More DOM practice today Adding input text as styled elements (uppercase, colors) and clearing them all with a reset button. #JavaScript

Day 28/100 #100DaysOfCode Building a to-do list app today Add/delete tasks with a live task counter, all with vanilla JS DOM manipulation and event listeners. #JavaScript