Victor Innocent ✨🌟

What I built today: 📋 Create New Post Form: - Title + body + User id - POST request to /posts - Returns a fake post with ID - Success message with new ID ⭐ Feedback Submission System: - Name, email, rating (1-5 stars) - Comment textarea - Loading spinner during submit

Day 26 ✅ Today I learned: • POST requests with fetch() • Request headers • Sending JSON in request body • Preventing default form submission • Handling POST responses • PUT (update) & DELETE (remove) methods #100DaysOfCode #BuildInPublic #POSTrequests

Built a Recipe Finder using TheMealDB: 🍳 Search by ingredient (chicken, pasta...) 📋 Recipe cards with images & cuisine 🔍 Filter by category (Beef, Chicken, Dessert) ⭐ Save favorites to localStorage 📖 Click to see full recipe details Real app. Real data. Real useful! 🔥

Day 25 ✅ Today I learned: • Fetching arrays of data from APIs • map() to create HTML for each item • Search/filter through fetched data • Sort results (by name, cuisine) • Pagination ("Load More" pattern) #100DaysOfCode #BuildInPublic #RecipeFinder

What I built today: 🔗 JSONPlaceholder practice: - Fetched posts from /posts - Displayed first 5 - Fetched user details from /users/1 👤 Random User Generator: - GET request to randomuser.me/api - Parsed JSON response - Displayed profile picture, name, email, location

Day 24 ✅ Today I learned: • What APIs are (Application Programming Interfaces) • fetch() - GET data from URLs • response.json() - parse JSON responses • response.ok - check if request succeeded • Handling HTTP errors (404, 500) #100DaysOfCode #BuildInPublic #FetchAPI

@PotatoeDev Thanks bro 🔥🔥

@TheIconicVic_ Amazing, keep pushing man

Day 23 ✅ Today I learned: • async keyword • await keyword (pauses until Promise resolves) • try/catch for error handling (no more .catch()!) • Promise.all() (run multiple async ops) • Promise.race() (first to finish wins) #100DaysOfCode #BuildInPublic #AsyncAwait

I also Rewrote my notification system with async/await Built a USER PROFILE LOADER that fetches: - Profile (1s) - Posts (1.5s) - Friends (1s) Promise.all() loads ALL THREE simultaneously! 2 seconds vs 3.5 seconds = MUCH faster! ⚡

What I built today: A delayed notification system! Async unlocks APIs, databases, file uploads! No more frozen UIs! 🚀 🔘 Button: "Load Data" ⏳ Loading message appears ⏰ 2 second delay (simulating API call) ✅ "Data loaded successfully!" ❌ Or random error: "Failed to load"

Day 22 ✅ Today I learned: • Synchronous vs Asynchronous code • Why async prevents UI freezing • Callbacks (setTimeout, setInterval) • Callback Hell (and why it's bad) • Promises (Pending → Fulfilled/Rejected) • .then() and .catch() #100DaysOfCode #BuildInPublic #AsyncJS

@JacobSobolev Thanks! 🙌 Next up: 📁 Categories (Work/Personal) 🗓️ Smart date picker ("Tomorrow", "Next week") 📤 Export/Import backup Making it FEEL right is harder than making it WORK right. That's the real challenge I'm diving into next. Open to UX tips if you've got them!

@TheIconicVic_ That’s a solid feature set. The real challenge now is scaling that structure and making it feel intuitive. What’s the next big feature you’re planning to build into it?

Day 21 ✅ WEEK 3 CAPSTONE COMPLETE! 🎉 I just built a FULL Task Management App: ✅ Add/Edit/Delete tasks ✅ Due dates + priorities (High🟡/Medium🟠/Low🟢) ✅ Mark complete/incomplete ✅ Filter: All/Active/Completed ⬇️⬇️⬇️⬇️⬇️⬇️ #100DaysOfCode #BuildInPublic #CapstoneComplete

✅ Sort: Date/Priority/A-Z ✅ Search by title ✅ Dark/Light mode ✅ Progress bar ✅ LocalStorage persistence ✅ Responsive design 21 days ago I wrote my first "Hello World" Today I built a PRODUCTION-READY app. Consistency works. 🚀 #100DaysOfCode #BuildInPublic

What I built today: 🎨 DRAWING BOARD: - Hover/click to draw - Color picker (any color) - Clear button - Event delegation 🔍 AUTOCOMPLETE DROPDOWN: - Search filters items in real-time - DEBOUNCED - ↑ ↓ arrows to navigate - Enter to select - Click outside to close

Day 20 ✅ Today I learned: • Mouse events (click, mousemove, mouseup/down) • Keyboard events (keydown, keyup, key/code) • Event delegation (performance + dynamic elements) • stopPropagation() vs preventDefault() • Custom events #100DaysOfCode #BuildInPublic #JavaScript

What I built today: 🕐 DIGITAL CLOCK: - Live hours:minutes:seconds - Full date (Month Day, Year) - Day of week - Updates every second with setInterval() ⏱️ COUNTDOWN TIMER: - Set minutes & seconds - Start / Pause / Reset - MM:SS format display - Alert when time's up!

Day 19 ✅ Today I learned: • new Date() - create dates • getFullYear(), getMonth(), getDate() • setTimeout() - delay code execution • setInterval() - run code repeatedly • clearTimeout() / clearInterval() - stop timers #100DaysOfCode #BuildInPublic #JavaScript

Today's Notes App features: ✅ Create notes (title + content) ✅ Edit existing notes ✅ Delete notes ✅ Search/filter by title ✅ Timestamp on every note ✅ ALL saved to localStorage Close the browser. Restart your computer. Notes are still there LocalStorage is a game changer

Day 18 ✅ My apps now REMEMBER data Today I learned: • localStorage.setItem() - save data • localStorage.getItem() - load data • JSON.stringify() for arrays/objects • JSON.parse() to convert back • localStorage vs sessionStorage #100DaysOfCode #BuildInPublic #LocalStorage