RT @jago_dev0: Back from work, but we move again 💻
Today, I added more products to my project and integrated a WhatsApp button. Small progress every day 🇴🇲🇳🇬
Day 52/100 #100DaysOfCode@blockfuselabs Finished my store demo: products load from the DummyJSON API with category filter, search, and sorting, plus a working cart with quantity, shipping options, and order summary. Built with HTML, Tailwind and vanilla JS. #JavaScript#API
Day 51/100 #100DaysOfCode@blockfuselabs Built a React hero section with Tailwind: gradient background, reusable Button component with props, and a floating image. Components are starting to click. #React#TailwindCSS
Day50/100 #100DaysOfCode Learning authentication with API today Reading the DummyJSON docs on login: sending credential with a POSTrequest, getting back access token, and using them in the Authorizationheader to fetch the current user. Next up, wiring it into my store login page
Day 49/100 #100DaysOfCodes Built a Pokémon card page today Fetched multiple Pokémon at once from the PokéAPI using map() and Promise.all(), then rendered sprites, height, abilities and types into cards with template cloning. Leveling up my API skills. #JavaScript#API#WebDev
Day 48/100 #100DaysOfCodes@blockfuselabs Learning HTTP methods today Practiced GET and POST requests with fetch against the JSONPlaceholder API, sending JSON in the request body and rendering the responses as cards with template cloning. #JavaScript#API#WebDev
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 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