Practice and reinforce the concepts from Lesson 1
Complete as many as you can in 15 minutes!
Prompt to Use:
Create a calculator with:
- Number buttons 0-9
- Operations: +, -, *, /
- Clear and equals buttons
- Display screen
- Neumorphism design style
Bonus: Ask AI to add keyboard support
Prompt to Use:
Build a countdown timer to New Year's with:
- Days, hours, minutes, seconds
- Animated flip cards
- Confetti when it reaches zero
- Responsive design
Bonus: Add a custom date picker
Prompt to Use:
Create a quiz app with:
- 5 questions about space
- Multiple choice answers
- Score tracking
- Progress bar
- Results page with emoji feedback
Bonus: Add a timer for each question
Prompt to Use:
Build an expense tracker with:
- Add expense form (amount, category, description)
- List of expenses
- Total calculation
- Delete functionality
- Pie chart of categories (use simple CSS)
Bonus: Add budget limits per category
Prompt to Use:
Design a music player interface with:
- Album art placeholder
- Play/pause, next, previous buttons
- Progress bar
- Volume slider
- Current song and artist display
- Spotify-like design
Bonus: Add a playlist sidebar
Prompt to Use:
Create a recipe card component with:
- Recipe image placeholder
- Ingredients list
- Cooking time and servings
- Step-by-step instructions
- Difficulty rating with stars
- Print button
Bonus: Make it flip to show nutrition info
Prompt to Use:
Build a modern login form with:
- Email and password fields
- Remember me checkbox
- Forgot password link
- Sign in button
- Social login buttons (Google, GitHub)
- Glassmorphism effect
Bonus: Add input validation
Count your completed exercises:
What did you learn about AI speed coding?
Ready for the final project? Let's build something impressive!