youth-skill-tree

A gamified PWA for tracking progress through scouting-style skills, tasks, and curriculum.

Status: archived  |  Type: tool  |  Visibility: public

Tech: Next.js  ·  JavaScript  ·  Tailwind CSS  ·  PWA  ·  localStorage

AI involvement: moderate (ChatGPT) — Built as an AI-assisted weekend project with LLM support for implementation, iteration, and UI/product shaping.

GitHub →

Why I built this: Built to turn scouting-style requirements and similar structured advancement tasks into a more engaging, app-like progress-tracking experience.

Overview

Youth Skill Tree is a responsive browser-based PWA that converts scouting-style requirements into a gamified checklist and progress-tracking experience. Instead of leaving advancement tasks in static lists or printed materials, the app presents them as a more structured, engaging, and app-like workflow.

The project emphasizes practical educational utility, mobile-friendly interaction, and visual clarity through themed presentation and broad icon coverage. Built with Next.js and local browser storage, it was designed as a lightweight way to track progress across structured skill and curriculum-style tasks.

Features

• Gamified checklist-based progress tracking
• Designed around scouting-style or curriculum-like requirements
• Responsive interface for desktop and mobile use
• Themed presentation
• Broad icon coverage for visual clarity
• Local-first browser storage
• PWA delivery for app-like usability

Installation

# clone the repository
git clone https://github.com/yourusername/youth-skill-tree.git

# enter the project directory
cd youth-skill-tree

# install dependencies
npm install

# start the development server
npm run dev