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