Intermediate Projects

Prerequisites: Level 2 — Intermediate.

Weather App

Call a public weather API with fetch, and display the current temperature and conditions on the page. Handle the case where the request fails.

To-Do App with Local Storage

A browser to-do list where items persist across page reloads using localStorage, with add/complete/delete functionality driven by DOM events.

GitHub Profile Viewer

Given a username, fetch their public GitHub profile (api.github.com/users/{username}) and display their avatar, bio, and repository count.

Expense Tracker with a Backend

A small Express (Node) API storing expenses in memory or a simple file, with a page that fetches and displays them.

Simple SPA Router

A single HTML page that shows different content based on the URL hash (#/home, #/about) without a full page reload — the basic idea behind every JavaScript frontend framework's routing.