I decided to stop patching my old portfolio…
So I’m rebuilding it with React from scratch ⚛️
This time:
– smoother UI
– responsive layout
– better structure
What do you think so far?
#WebDev#ReactJS
Day 23 of day 100, Building in public
Today, I Updated my social media feed:
✅ Added trending hashtags that automatically update based on posts
✅ Made hashtags clickable to filter posts
✅ Created a mobile-friendly hamburger menuthat shows trending
#javascript
Day 21 of day 100 of Building in public
I created :Mini Social Feed with
✅Users can post with name + avatar ✅ Clean, modern feed with dynamic posts ✅Auto-resizing textarea
✅hover animation ✅likes ❤️ & delete 🗑️ buttons!
Day 16 of #100DaysOfCode
My Music Player is finally starting to feel REAL 🎧
Today I built: ✅ Playlists (create + delete) ✅ Smart mini player ✅ Live progress bar ✅ Glass Ui (still trying )
Still building. Still learning.
#webdev#javascript
Day 15 #100DaysOfCode
I built a Name Generator App
You can: ✅Pick Boy or Girl ✅ Choose Muslim or Christian ✅Or tap “Surprise Me” for a random name
It generates a full name instantly
✅Copy button included 📋
#BuildInPublic#JavaScript#FrontendDev
Day 14 of #100DaysOfCode before React
Make my Note App feel like a real product
Now it has: ⚡ Swipe gestures 📌 Pin notes 🎨 Neon themes 🏷 Tags & filters 🧠 Markdown + autosave
Still improving daily…
#BuildInPublic#javascript#webdev
Day 18 of #100DaysofCode
Built Something fun 😁 A Spin Wheel App using JavaScript
Features: ✅Real physics spin (ease-out) ✅Tick sound while spinning 🔊 ✅Add / Edit / Delete options ✅Auto-save with localStorage
#JavaScript
Day 12 of #100DaysOfCode
Built a Typing Speed Test before starting React!
Features:
• Live typing highlight
• WPM & accuracy tracking
• Rocket progress bar
• Achievements
• Leaderboard & user profiles
Tough but fun to build!
#webdev#javascript
Day 6 of my Journey
Built a CLI loan eligibility checker. Biggest struggle: exception flow, validation errors kept restarting the entire input loop.
Learned how try/except and loop control affect program behavior.
Code: https://t.co/6XcSLQYu6b
#Python#BuildInPublic
Day 11 of #100DaysofCode
Made something small but useful today — a Password Generator 🔐
You can: ✅ Control password length ✅ Toggle uppercase, lowercase, numbers & symbols ✅ Copy to clipboard ✅ Download as .txt
#webdev#javascript
Day 5 – Python Packages
Refactored my Python project into a modular system:
Learned imports & sys.path
Split logic into modules
Added unit tests
Practiced Git workflow
Next up: error handling (try/except/raise/finally)
Repo: https://t.co/6XcSLQYu6b
#BuildInPublic#Python
Day 10 of #100DaysOfCode
Before React
HabitTracker V1.0
New in this update:
✅Full Calendar View – add habits for any day, past or future
✅30-Day Stats Chart 📈
✅Notes, Edit and Delete Habit
More features still to come
#Productivity#CodingJourney#JSDev#WebDev
Day 9 of #100DaysOfCode
Built a Habit Tracker (pre-React) with an
✅Add/view/complete habits per day
✅Multiple colored dots for habits
✅interactive calendar,
✅streaks 🔥
✅Pomodoro timer,
✅stats dashboard.
JavaScript almost drove me crazy today 😅 but I survived
#WebDev
Day 4 - Modularization & Testing
Refactored my student loan eligibility system into modules and added unit tests.
Struggled with:
Python imports
Module structure
Assertion testing
Separation of logic > messy scripts.
Repo:
https://t.co/GK44THcIpi
#BuildInPublic#Python
Day 3 — Input Validation & Control Flow
Enhanced my student loan eligibility system with strict validation & cleaner retries.
Struggled with: while True loops, fallthrough vs continue, consistent validation.
Repo: https://t.co/GK44THcIpi
#BuildInPublic#Python#100DaysOfCode
Day 8/100 #100DaysOfCoding
Expense tracker is coming along!
I add these Features
✅ Import transactions (CSV, Xls and PDF)
✅ Updated Charts
✅ Savings goals and Progress
✅Transactions filter
Next: Budget alerts & notifications! 🚀
#WebDev#CodingJourney
Day 2 — Operators & Conditionals
Built a student loan eligibility system using pure logic.
Struggled with:
• Nested conditionals
• and / or precedence
• Logical grouping
Clean decision trees > messy code.
Repo:
https://t.co/6XcSLQYu6b
#BuildInPublic#Python#100DaysOfCode
Day 7 of #100DaysOfCoding 🚀
With HTML CSS and JavaScript
Built a full-featured Expense Tracker with:
📊 Income & Expense Chart
📄 PDF Export
💎 Clean, modern UI
Before diving into React, learning by doing! #FrontendDev#WebDev#CodingJourney
Hey everyone!
Quick update: I’ve been off the radar for a few days due to exams,
but I’m still going strong on my 100 Days Code Marathon!
Back at it this Saturday
can’t wait to jump back in! ☺️☺️
#100daysofcoding