loading

PROJECT DETAILS

Project Overview

SkillPulse is a personal learning tracker that turns "I'm learning X" into measurable progress. Log study sessions against the skills you're building, watch hours add up toward goals, earn achievements and keep a streak alive — all in a clean dashboard with charts, a category breakdown and an activity heatmap. The whole app is containerised and shipped automatically via GitHub Actions.

SkillPulse - my skills board
SkillPulse - recent activity and heatmap
SkillPulse - dashboard
SkillPulse - my skills
SkillPulse - add a new skill
SkillPulse - log a session
SkillPulse - activity heatmap
SkillPulse - dark mode

A polished, gamified learning tracker — goals, streaks, achievements and analytics — delivered through an automated GitHub Actions pipeline.

Key Features

  • Dashboard at a glance: total skills, hours logged, sessions and your current top skill.
  • Skill management: add, edit and delete skills with a category (Cloud / DevOps / Programming), status (Active / Paused / Completed) and a target-hours goal.
  • Session logging: log timed study sessions with notes; each skill keeps its own session history.
  • Goals & momentum: per-skill progress bars, a daily streak, longest streak and a weekly-hours goal.
  • Achievements: unlockable badges (First Steps, 10 Hours, Week Warrior, Polyglot…) for gamified motivation.
  • Analytics: by-category donut, hours-over-time chart and a 17-week activity heatmap.
  • "Needs attention": automatically surfaces skills not logged in 14+ days.
  • Productivity: search, category filters, sorting, data export and a light/dark theme toggle.

Technical Highlights

  • Frontend: a responsive single-page web app with charts (donut, bar, heatmap).
  • Persistence: skills and session data stored and re-hydrated across visits.
  • Theming: first-class light and dark modes throughout.
  • UX: modal-driven flows for adding skills and logging sessions.

DevOps & Delivery

  • Containerised with Docker for reproducible builds.
  • GitHub Actions CI/CD: build → test → deploy on every push (the app even carries a "Shipped via GitHub Actions" badge).
  • Deployed to AWS with Nginx as a reverse proxy in front of the app.

The outcome is a low-friction delivery flow where shipping a feature is as simple as merging a pull request — backing a genuinely useful, polished product.

View Code on GitHub Discuss This Project With Me