Back to Projects
Capstone Project

Project 2: The Interactive Client

Build an interactive dashboard integrating weather metrics and local task storage.

Frontend

Vanilla JavaScript (ES6+ DOM manipulation, querySelectors, custom weather templates, custom task cards).

Backend

Node.js/FastAPI server hosting mock database.json tables.

Database

Browser LocalStorage or PostgreSQL database storing persistent user tasks.

Implementation Steps

Step 1•30 mins

File Structure & Script Loading

Start Step
Step 2•45 mins

DOM Node Selection & Binding

Start Step
Step 3•60 mins

Memory State Store Engine

Start Step
Step 4•60 mins

Dynamic Element Render Engine

Start Step
Step 5•60 mins

Task Mutations & Filter Tabs

Start Step
Step 6•45 mins

LocalStorage Syncer

Start Step
Step 7•60 mins

API Fetch Integrator

Start Step
Start Project Guide