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 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
