🟦 Day 5: Build Small Projects with GitHub Copilot
🎯 Goal:
Use GitHub Copilot to help you scaffold, write, and test small useful projects. This helps you move from “completing snippets” ➜ to “building features.”
🛠️ Project Ideas (Pick 1–2 based on your language skills)
🔸 1. To-Do List (HTML + JavaScript)
Prompt Copilot:
<!-- Create a to-do list app with input, add button, and list display -->
// Add task to the list when button is clicked
➡ Let Copilot suggest:
- Input logic
- Appending items to the list
- Optional: delete items
🔸 2. BMI Calculator (HTML + JS or Python)
Prompt:
// Calculate BMI from height and weight inputs
Expected output:
let bmi = weight / (height * height);
🔸 3. Tip Calculator (HTML + JS)
Prompt:
// Calculate tip amount and total bill from user input
Copilot can help you:
- Get user input
- Calculate tip
- Show result
🔸 4. Student Grade Evaluator (Python)
Prompt:
# Take marks as input and return grade: A for 90+, B for 80+, etc.
Bonus: Add average marks calculation for a list of students.
🔸 5. Countdown Timer (JavaScript)
Prompt:
// Create a countdown timer for 60 seconds
Copilot generates:
setInterval()- DOM updates
- Stop when zero
⚡ How to Use Copilot During Projects
| What You Type | What Copilot Suggests |
|---|---|
<!-- Create a login form --> |
Full HTML + input fields |
// Validate email using regex |
JS function with pattern check |
# Convert string to title case |
Python function using .title() or split |
🔧 Day 5 Suggested Format
For each project:
- ✍ Start with a clear comment or function name
- ✅ Let Copilot generate or autocomplete logic
- 🧪 Test & review the output
- 🔁 Tweak the code or logic and see how Copilot adapts
✅ Day 5 Challenge
Pick any 1 project from above and build the complete flow using Copilot. Try not to copy-paste – let Copilot guide you from comment to code.
📚 Bonus Prompt Ideas
<!-- Build a feedback form and send data to console -->
# Create a CLI app that asks user's name and age, then prints greeting
// Display current time and update every second
Would you like:
- Any of these projects in full Copilot-style pre-written template?
- Or a downloadable code playground for hands-on practice?
Let me know which project you picked and want help with!
Tags:
GitHub Copilot