Todo Tracker ⓘ A lightweight task tracker built with vanilla JavaScript. Tasks are added/edited/removed by updating the DOM in real time, and your list is saved to LocalStorage so it persists after refresh. No backend—everything runs entirely in the browser.

Lightweight task tracker you can run anywhere.

Stack: HTML, CSS, JavaScript, LocalStorage

Live Source

Dog Therapy ⓘ A simple “instant joy” app that calls the Dog CEO API to fetch a random dog image on demand. JavaScript handles the API request, updates the image element, and shows basic loading/error states so you can see what a clean fetch-and-render flow looks like.

On-demand dog joy—fetches random pups.

Stack: HTML, CSS, JavaScript, Dog CEO API

Live Source

Matching Game ⓘ A classic memory matching game built with DOM-based JavaScript. The app shuffles the deck, tracks flipped cards, locks input while checking matches, and resets mismatches with a short delay. It’s a good example of state management and UI updates without any frameworks.

A simple memory card matching game.

Stack: HTML, CSS, JavaScript (DOM)

Live Source

Quote Generator ⓘ Fetches a random quote from an external API and renders it into a clean card UI. JavaScript handles the request, updates the DOM, and provides simple loading/error feedback so the user always knows what’s happening behind the scenes.

Displays a random quote in a clean card.

Stack: HTML, CSS, JavaScript, Quotes API

Live Source

Weather Lookup ⓘ Looks up live conditions by city or ZIP. The browser calls a Netlify Function, and the function calls WeatherAPI.com—this keeps the API key off the front end and avoids CORS issues. The UI then parses the response and displays current conditions in a simple, readable layout.

Enter a ZIP code or city to view live weather conditions using WeatherAPI.com.

Stack: HTML, CSS, JavaScript, Netlify Functions, WeatherAPI.com

Live Source

IP Geolocation ⓘ Accepts an IP address and returns location details like country/region/city and coordinates. The front end calls a Netlify Function, which then calls the ipgeolocation.io API to protect the API key and handle CORS cleanly. Results are rendered into the UI with basic validation and error handling.

Enter an IP address to get country, region, city, coordinates, and more.

Stack: HTML, CSS, JavaScript, Netlify Functions, ipgeolocation.io API

Live Source

Powerball Quick Pick ⓘ This app generates Powerball-style “Quick Pick” tickets in the browser, animates the ball roll, and uses Netlify Functions to fetch live jackpot info + recent draw results. It also validates ticket inputs and checks matches against the selected draw date using public lottery data—all without storing personal info.

Powerball-style quick pick generator with live jackpot data, draw-date selector, and ticket match checker.

Stack: HTML, CSS, JavaScript, Netlify Functions, Public Lottery Data

Live Source