Amber

Motivation + progress for beginner developers

Keep learning even when it feels scary.

Amber helps beginners track what they’ve learned, see their next steps, and stay consistent with a gentle streak + a growing pet.

Tip: Progress counts even if you only studied 5 minutes. Consistency beats intensity.

Streak

0 days

Log something today to start your streak.

Your pet

Level 1

🥚

Your pet grows when you show up. Lose the streak and it turns to ashes — but you can always restart.

XP 0

Next level at 50 XP

Learned topics

0 total

Track confidence so you can review what’s shaky — and celebrate what’s solid.

Low: 0 Mid: 0 High: 0

Your progress is bigger than it feels.

✅ What counts as progress?

  • Studied 5 minutes
  • Fixed one error
  • Understood one concept
  • Wrote one function
  • Asked a question

🎯 Today’s tiny plan

  1. Pick one topic
  2. Do one tiny exercise
  3. Log it
  4. Get your next step

✨ Micro message

“You don’t need confidence to start. You gain confidence by continuing.”

Amber

Your Space — what you’ve learned & how confident you feel

Your Space

Keep a clean record of what you learned. Add confidence (1–5) so you know what to review.

Add a learned topic

Fast logging. You can polish later.

Your topic library

Search, filter by confidence, and pick what to review.

Loops

Core programming • Learned: 2025-12-13

Confidence: 3/5 Needs review

Functions

Core programming • Learned: 2025-12-12

Confidence: 4/5 Solid

Git basics

Tools • Learned: 2025-12-10

Confidence: 2/5 Needs review

Quiz builder

Select topics you learned and generate a quiz. (AI version later; demo quiz can be template-based.)

Selected topics

Loops Git basics + Add more

Security note: never put API keys in the browser. If you use AI later, call it via a backend/proxy.

Preview

Q1. What is a loop, and when would you use it?

Q2. What does git commit do?

Amber

Future Map — connect what you know to where you’re going

Future Map

Turn “random topics” into a meaningful path. See why you’re learning each step and what to do next.

Big picture

You’re not “just learning loops.” You’re building the foundations for real skills.

You already know

Variables Conditionals Loops Functions Git basics

Tip: low-confidence topics stay visible so you can review them.

Where you’re going

Backend Developer → You’ll build services that receive requests, process data, and return responses (APIs). You’ll work with databases, authentication, and deployment.

Milestone 1
Write clean programs
Milestone 2
Build an API
Milestone 3
Connect a database
Milestone 4
Deploy a project

Your next steps

Focus on one step at a time. Amber recommends steps you’ve unlocked via prerequisites.

  1. Arrays / Lists

    Why: Arrays are the most common way to store multiple values. You’ll use them in APIs, algorithms, and data processing.

    Estimated time: 45–90 min Unlocked Confidence target: 3/5
    Show prerequisites & micro tasks

    Prerequisites

    • ✅ Variables
    • ✅ Loops

    Micro tasks

    • Create an array and print all elements
    • Find the max value in an array
    • Count how many values match a condition

  2. Debugging basics

    Why: Debugging is the skill that saves you hours. Beginners grow fastest when they can find and fix bugs without panic.

    Estimated time: 30–60 min Unlocked Confidence target: 4/5
    Show prerequisites & micro tasks

    Prerequisites

    • ✅ Variables
    • ✅ Conditionals

    Micro tasks

    • Read an error message and explain it in one sentence
    • Add print statements to locate where logic breaks
    • Try a debugger (breakpoint) once

  3. HTTP basics

    Why: HTTP is how the web communicates. If you want backend, this is your “language” for requests and responses.

    Estimated time: 60–120 min Locked Needs: Functions
    Show prerequisites & micro tasks

    Prerequisites

    • ✅ Variables
    • ✅ Loops
    • ⬜ Functions

    Micro tasks (once unlocked)

    • Explain request vs response with a real example
    • List common HTTP methods (GET/POST/PUT/DELETE)
    • Write a tiny “fake API” response as JSON

Map view

A simple “skill tree” preview. Later you can generate this from your topic graph.

Foundations

Variables
Conditionals
Loops
Functions

Core skills

Arrays / Lists
Debugging
Recursion

Backend

HTTP
REST + JSON
SQL basics

Milestone

Build a REST API
Connect a DB
Deploy
Done In progress Recommended Locked Milestone

Amber

Goals — turn intentions into steady progress

Goals

Write goals that fit your energy. Small, realistic goals keep your streak alive.

Create a goal

Be specific and gentle. You can always adjust later.

AI suggestions can be based on your learned topics and confidence levels (added later).

Your goals

Check off what you complete — progress is progress.

Today

Study • 15–30 min

Practice • 5–10 min

This week

Study • 45–60 min

Practice • 90+ min

This month

Project • Multiple sessions

Reflection

Short reflections help you learn faster and reduce burnout.

Amber

Refresh — reset your mind without leaving learning

Refresh

Take a mental reset without breaking your flow. Gentle inspiration, not distraction.

Choose a refresh mode

Pick what you need right now. There’s no “wrong” choice.

🧠 Inspire

Gentle reminders of why what you’re learning matters, connected to real-world use.

🌱 Tiny challenge

One very small prompt related to what you’ve already learned. No pressure.

😮‍💨 Breathe

A short breathing pause to release tension and reset your focus.

🔍 Big picture

See how a topic you learned fits into a larger system or career path.

Inspiration feed

Curated, calm cards — like Pinterest, but for your learning journey.

Why this matters

Loops are everywhere

Loops are used in servers to process requests, in databases to scan records, and in games to update every frame. You’re learning a universal tool.

Based on: Loops

Confidence boost

Feeling stuck is normal

Confusion doesn’t mean you’re bad at coding. It usually means you’re exactly at the point where learning happens.

Mindset

Micro challenge

One-minute exercise

Without writing code, explain in words what a function does and why it’s useful.

Tiny task

Big picture

From functions to APIs

Functions are the building blocks of APIs. When you write an endpoint, you’re really writing a function that talks to the world.

Career context

Break mode

A short pause can help your brain consolidate what you learned.

Sit comfortably. Inhale through your nose for 4 seconds, exhale through your mouth for 6 seconds.

(Timer becomes active once JavaScript is added.)

Before you go back

One small prompt to help you re-enter learning gently.

“What is the smallest next thing I can do right now?”

Amber

Contact — feedback, support, and collaboration

Contact us

We’d love to hear from you. Send feedback, report a bug, or suggest a feature.

Send a message

Please include details (what happened, where, and what you expected).

By sending, you agree we may use your feedback to improve the product (no personal data shared).

FAQ

Quick answers about the demo.

Is this a real product or a hackathon demo?
This is a hackathon demo. Some features may be mock or template-based. We’re validating the idea.
Will you store my data?
In this demo version, data can be stored locally in your browser (localStorage). A full version would use secure accounts.
Can I contribute?
Yes! We welcome contributions. Reach out via email or the repository link.