Hi My Name is

Geremi Wanga

I' m a Full-Stack developer.

Developer & Designer

Hi I'm a full-stack developer with a strong focus on building fast secure, and interactive web applications. I work across both the frontend and backend recently delivering a production-ready commercial real estate platform featuring a custom Go API, automated email workflows, and domain-based hosting. Over the past two years, I’ve been building real world applications using JavaScript, Go, HTML5, CSS3 and React with a passion for clean architecture, scalable code, and smooth user experiences.

The At the core of JavaScript is the concept of execution context, which is the environment in which code is evaluated and executed. When JavaScript runs a script, it creates a global execution context and, for each function call, a new function execution context. These contexts are managed in a stack like structure called the call stack. Within each context, variables are stored in what's called the scope. JavaScript uses lexical scoping, meaning a function’s scope is determined by where it was defined in the code. Understanding how context and scope work is essential for managing variable access and avoiding bugs, especially in nested functions and closures

Controls the JavaScript is single threaded, which means it handles one task at a time. To prevent blocking the main thread, it uses asynchronous features like callbacks, promises, and async await. These tools allow JavaScript to manage operations like fetching data or reading files without freezing the browser. The event loop plays a crucial role by continuously checking if the call stack is empty and then pushing deferred functions (like .then() or setTimeout) from the queue to the stack. Mastering async concepts is crucial for writing responsive, non blocking code in modern web applications.

oop

JavaScript adds JavaScript is a prototype based language, which means inheritance is achieved via prototypes rather than classical classes (though ES6 classes abstract this behavior). Every object has an internal link to another object called its prototype, and it inherits properties and methods from that prototype. The this keyword refers to the object that is currently executing the function and behaves differently depending on how the function is called (regular function, method, arrow function, etc.). Understanding objects, the prototype chain, and the behavior of this is essential for writing efficient and scalable code in JavaScript.

πŸ—οΈ Real Estate Website

  • 🟦 Built with a custom Golang REST API for fast and secure backend operations
  • πŸ“ Designed two APIs: Property Data API (JSON) + Contact/Inquiry API
  • 🧹 Input validation & sanitization to protect against malformed requests
  • πŸ”§ Structured with modular packages, clean routing, and environment-based config
  • ⚑ Optimized response speeds using Go’s concurrency model
  • πŸ“Ž Integrated Resend API for automated email communication
  • πŸ“¬ Auto-sends confirmation emails to users + notifications to property owners
  • πŸ”’ Zoho Mail hosting setup with SPF, DKIM & DMARC authentication for trusted delivery
  • πŸ“± Mobile-first UI for seamless browsing on all devices
  • πŸ”— Fetch API used for submitting inquiries securely to the Go backend
  • 🌐 Deployed with HTTPS (SSL), secure environment variables, and server hardening
  • 🧱 Fully production ready and used by an active real estate business

A full-stack commercial real estate platform featuring a modern frontend and a high-performance Golang backend. Property data is served through a structured JSON API, while a dedicated contact API handles user inquiries with automated email workflows via Resend and Zoho Mail. Built with security, speed, and business reliability in mind.

View Live

πŸ€–AI Tool Repository

  • πŸ“š Curated and categorized repository of AI tools
  • 🧠 Built with Notion organized for clarity, speed, and insight
  • 🎯 Covers multiple domains: Coding, Design, Audio, Learning, and Productivity
  • πŸ“‚ Tag based filtering: Categories like #AIProductivity, #Entertainment, #Business
  • πŸ’¬ Each tool features a short summary, usage example, and my personal rating
  • πŸ”— Direct links to tools, tutorials (YouTube/GitHub), and official documentation
  • βš™οΈ Tools include GitHub Copilot, Cursor, Udio, Canva, Teachable Machine, and more
  • πŸ’Ό Use case focused: Ideal for developers, designers, and content creators
  • πŸš€ Demonstrates initiative in AI assisted development & modern workflows
  • πŸ”„ Continuously updated as I discover and test new tools

A curated and regularly updated Notion repo of AI tools I use for development, design, productivity, content creation, and learning. Each tool includes my rating, category, link, and a quick summary.

View Repo

βœ¨πŸ“ŠTask Realm

  • 🌌 Features a futuristic galaxy style UI with an animated video background and a custom neon logo
  • ⏳ Includes live countdown timers showing time remaining for each task
  • πŸ”” Implements desktop notifications when a task’s deadline is reached (with permission)
  • πŸ—‚οΈ Task details appear in a modal popup showing title, notes, and live deadline countdown
  • πŸ’Ύ Uses localStorage to persist tasks across sessions
  • βœ… Mark tasks complete with interactive checkboxes and slide out animations
  • 🧭 Fully responsive design for mobile and desktop users
  • πŸ“ Input fields include task title, note, and a datetime local picker
  • 🎨 Designed with clean fonts, modern transitions, and smooth animations
  • 🧩 Built using modular ES6 classes (Task, Modal) for scalability
  • πŸš€ Ideal for self managers, developers, students, and productivity enthusiasts
  • πŸ”„ Continuously updated with new features and visual improvements

A futuristic task manager. Features animated galaxy themed background, custom logo, and live deadline countdowns. Includes localStorage, desktop notifications, and responsive modals for task details. Designed for productivity lovers who want both function and flair.

View Live View Code

🍲 Oliro Recipe Finder

  • Built with JavaScript (ES6), Object-Oriented Programming
  • Implements MVC Architecture
  • Integrates with Forkify API
  • Responsive & mobile-friendly
  • Uses async/await, fetch(), and modular code
  • πŸ”§ Advanced DOM manipulation and dynamic rendering using template literals
  • πŸ’Ύ Bookmark system: Allows users to save and revisit favorite recipes
  • πŸ”’ Dynamic URL routing with hashchange and load events for better SPA-like navigation
  • πŸ–ΌοΈ Responsive design optimized for both mobile and desktop viewing
  • πŸ§ͺ Debugging & Testing: Used Chrome DevTools to fix bugs, inspect API calls, and improve performance
  • 🌐 Deployed on Netlify with version control through Git & GitHub
  • πŸ“ allows users to dynamically add their own recipes with ingredients into the api using api key

A clean, MVC-structured recipe app that fetches millions of recipes from an API. Users can search, view, and explore recipe details with a focus on speed and usability. Built using JavaScript (ES6), modular architecture, async await, and object-oriented principles.

View Live View Code

πŸ“ŒMapOut Workouts

  • Open the app in your browser
  • Allow location access so the map can center on your area.
  • Click anywhere on the map to add a new workout.
  • Fill in the workout details in the form and submit.
  • View your workouts in the sidebar and as markers on the map.
  • Click a workout in the list to center the map on its location.
  • Delete a workout by clicking the trash icon next to it.
  • Click the ℹ️ Info button for help and usage instructions.
  • πŸ“ Map Integration: Log workouts by clicking directly on the map (powered by Leaflet)
  • πŸƒ Running & Cycling: Track distance, duration, cadence, and elevation gain.
  • πŸ—‚ Workout List: View all your workouts in a sidebar list.
  • πŸ—‘ Delete Workouts: Remove workouts easily with a single click.
  • πŸ’Ύ Local Storage: Your data is saved in your browser and persists across sessions.
  • ℹ️ Info Modal: Learn how to use the app with a built in help modal.

Mapouts is a simple and interactive workout tracking application that lets you log your running and cycling workouts directly on a map. Visualize your progress, keep track of your stats, and see your workout locations at a glance

View Live View Code

🎲Roll & Hold

  • Open the app in your browser
  • Players take turns to roll a dice as many times as they wish.
  • Each roll adds its value to the player's current score.
  • If a player rolls a 1, their current score is lost, and it becomes the next player's turn.
  • At any time, a player can Hold to add their current score to their total score.
  • Then, it becomes the next player's turn.
  • The first player to reach 100 points on their total score wins the game.

This is a browser based implementation of the classic Pig Dice Game. The game is built using HTML, CSS, and Vanilla JavaScript

View Live View Code

πŸ€”πŸ’­Guess the Number

  • Open the app in your browser
  • The game randomly selects a secret number between 1 and 20.
  • Enter your guess in the input field and click Check!.
  • The game will tell you if your guess is too high, too low, or correct.
  • Each wrong guess decreases your score by 1.
  • If you guess the number, your score is compared to the highscore.
  • Click Again! to restart the game with a new secret number. Project Structure

A simple interactive number guessing game built with HTML, CSS, and JavaScript. Responsive and retro inspired design. Real time feedback for user guesses. Highscore tracking for your best game.

View Live View Code

"Persistence Over Privilege Always".

Hire Me