Skip to content

Lessons Learned Template ​

Time: ~5 minutes | Difficulty: Beginner

What You'll Learn ​

  • How to reflect on your learning
  • Capturing insights for the future
  • Recognizing growth

The Big Idea ​

Reflection solidifies learning. Taking time to process what happened helps you:

  • Remember key lessons
  • Recognize your growth
  • Identify what to learn next

Studies show that deliberate reflection improves retention by 23% and helps you apply knowledge to new situations more effectively.

Reflection Tips ​

Before filling out the template below:

  1. Take a 5-minute break β€” Step away, get water, let your brain rest
  2. Look at your code β€” Open the project you built, refresh your memory
  3. Be honest β€” This is for you, not a grade
  4. Be specific β€” "TypeScript" is vague; "Type checking caught a bug" is useful
  5. Keep it practical β€” Focus on lessons you'll actually use

Fill In Your Lessons ​

What Surprised You? ​

Things you didn't expect about programming:

Prompts to consider:

  • Was coding easier or harder than you thought?
  • Did AI help more or less than expected?
  • Were errors scarier or more manageable than you imagined?

Example: "I was surprised that TypeScript's type errors actually helped me fix bugs before running the code. I thought types would just slow me down."




What Was Harder Than Expected? ​

Areas that challenged you:

Prompts to consider:

  • Which concepts took multiple explanations?
  • Where did you get stuck longest?
  • What error messages confused you?

Example: "Understanding async/await was harder than expected. The concept of 'waiting for data' made sense, but remembering when to use it took practice."




What Was Easier Than Expected? ​

Things that clicked quickly:

Prompts to consider:

  • Which concepts made sense immediately?
  • Were any tools more intuitive than expected?
  • Did anything "just work"?

Example: "React components were easier than expected. The idea of 'functions that return HTML' made immediate sense once I saw one example."




Key "Aha!" Moments ​

When something suddenly made sense:

Prompts to consider:

  • When did confusion turn to clarity?
  • What explanations or examples helped most?
  • Which concepts "clicked" together?

Example: "When I realized components are just functions, and props are just function arguments, everything clicked. It's not magicβ€”it's just organized code."




Best Debugging Experience ​

A problem you solved and how:

Prompts to consider:

  • What error had you stuck?
  • How did you figure it out?
  • What will you do differently next time?

Example Problem: "Page was blank with no errors" Example Fix: "Checked the console, found import typo, fixed the path" Example Lesson: "Always check console first, read errors carefully"

Problem: ____________________________________________________________ How I fixed it: ____________________________________________________________ What I learned: ____________________________________________________________

Favorite Part of the Stack ​

Which technology or concept did you enjoy most?

Prompts to consider:

  • What felt most powerful or creative?
  • What do you want to learn more about?
  • What would you use again?

Example: "React Routerβ€”being able to create multiple pages in a single-page app felt like magic. I want to build a site with 10+ pages just to practice."


Why: ____________________________________________________________

Least Favorite Part ​

Which was most frustrating?

Prompts to consider:

  • What felt confusing or tedious?
  • What error messages were unhelpful?
  • What documentation was unclear?

Example: "Firebase security rulesβ€”the syntax felt random, and error messages didn't help. I copied the examples without really understanding them."


Why: ____________________________________________________________

Mistakes to Avoid ​

Things you'd do differently next time:

Prompts to consider:

  • Did you skip reading something important?
  • Did you copy code without understanding it?
  • Did you commit broken code?
  • Did you forget to verify before moving on?
MistakeWhat I'd Do Instead
Example: Committed without testingRun the app first, then commit

Patterns to Remember ​

Useful patterns you want to remember:

Prompts to consider:

  • What code structure did you use multiple times?
  • What problem-solving approach worked well?
  • What shortcuts or tricks did you learn?
PatternWhen to Use It
Example: useState for changing dataWhenever data needs to update on screen

Commands to Memorize ​

Commands you'll use often:

Common examples:

bash
# Development
npm install          # Install dependencies
npm run dev         # Start development server
npm run build       # Build for production

# Git
git status          # Check what changed
git add .           # Stage all changes
git commit -m "message"  # Save changes
git push            # Send to GitHub

# Deploy
firebase deploy     # Deploy to Firebase Hosting

Fill in the ones YOU actually used:

bash
# Development
____________________________________________________________

# Git
____________________________________________________________

# Deploy
____________________________________________________________

Questions You Still Have ​

Things you want to learn more about:

Prompts to consider:

  • What concepts do you want to understand deeper?
  • What errors do you want to prevent?
  • What features do you want to add?

Example: "How does authentication actually work? I used Firebase Auth, but I want to understand JWT tokens and sessions."




What You're Proud Of ​

Accomplishments from today:

Prompts to consider:

  • What seemed impossible but you did it?
  • What problem did you solve independently?
  • What code are you most proud of?

Example: "I debugged an authentication issue by reading error messages carefully instead of just asking for help. I felt like a real developer."




Rating Your Experience ​

On a scale of 1-5:

AspectRatingNotes
Overall experience⭐⭐⭐⭐⭐
Difficulty level⭐⭐⭐⭐⭐Was it too easy/hard/just right?
How much I learned⭐⭐⭐⭐⭐Did you learn what you expected?
Confidence to continue⭐⭐⭐⭐⭐Do you feel ready to build more?

One Sentence Summary ​

In one sentence, what did you learn today?

Example: "I learned that building a web app isn't as hard as I thought, and AI makes learning way faster."


Sharing Your Learning ​

Writing about what you learned helps solidify it and builds your online presence.

Blog Post Template ​

If you want to write about this experience:

Title ideas:

  • "I Built My First Web App in 5 Hours (Complete Beginner)"
  • "From Zero to Deployed: Learning React with AI"
  • "What I Learned Building [Your App Name]"

Structure:

  1. Where I started (complete beginner, no coding experience)
  2. What I built (brief app description + link)
  3. What surprised me (2-3 key lessons)
  4. What I'd do differently (1-2 mistakes)
  5. What's next (your learning goals)

Where to post:

  • dev.to (developer community, very beginner-friendly)
  • Medium (wider audience)
  • Personal blog (if you have one)
  • LinkedIn (as an article)

Social Media Templates ​

Twitter/X:

Just built and deployed my first web app! πŸŽ‰

βœ… React + TypeScript
βœ… Firebase auth & database
βœ… Deployed to the internet

From zero coding experience to working app in 5 hours.

[link to deployed app]

#LearnToCode #100DaysOfCode

LinkedIn:

Excited to share: I just built and deployed my first web application!

What I learned:
β€’ React component architecture
β€’ TypeScript for type safety
β€’ Firebase for backend
β€’ Git version control
β€’ Working with AI (Claude Code)

The app: [brief description]
Live demo: [link]

Huge thanks to [your mentor if applicable] for the guidance.

#WebDevelopment #Learning #ReactJS #Firebase

Instagram/TikTok caption:

POV: You learned to code in 5 hours ⌨️

Built a full web app from scratch:
✨ User authentication
✨ Database
✨ Deployed live

Tech: React, TypeScript, Firebase

[link in bio]

#coding #webdev #programming #learningtocode #tech

What to Include in Posts ​

Do include:

  • Link to your deployed app
  • Link to GitHub repo (make it public!)
  • Specific technologies you used
  • 1-2 things that surprised you
  • What you're building next

Don't include:

  • Self-deprecating language ("it's just a simple app")
  • Complaints about difficulty
  • Comparisons to others ("not as good as...")

Remember: Your first project is an accomplishment. Own it!


Continue: Your New Superpowers β†’

Built for learning | Open source on GitHub