What better way to keep your frontend skills sharp than digging into hobby project? Here are five fun and easy ideas for your next lazy day that can be completed in 24 hours or less.
š¾ 1. Pet Matchmaker App
A simple app where users swipe left or right on cute pet profiles.
Features:
- Use dummy JSON data of pets (name, pic, traits)
- Swipeable cards (like Tinder for pets)
- āAdopt Meā button with a confetti animation
- Optional: filter by species (dog/cat/etc.)
Fun Factor: Adorable images + fake pet bios = endless amusement.
šŖ 2. Cookie Clicker Clone (Angular Edition)
A tiny incremental game where clicking a cookie earns you points.
Features:
- Big cookie button with counter
- Add upgrades (like auto-clickers)
- Use Angular animations for effects
- Save progress in
localStorage
Fun Factor: Surprisingly addictive, and you can style it super cute.
š 3. Mood Color Picker
An app that shows a color palette based on your current mood.
Features:
- Select a mood (happy, sad, calm, excited)
- Show corresponding color scheme
- Use Tailwind or custom CSS for design
- Option to copy HEX codes
Fun Factor: Great for designers, and visually relaxing.
š 4. Daily Bee Affirmations
A daily affirmations app with bee-themed puns and animations.
Features:
- Show a new affirmation on load
- Cute bee animations (CSS or Lottie)
- Button to ābuzzā a new quote
- Save favorites
Fun Factor: Super wholesome, calming, and punny (āBee-lieve in yourself!ā).
šæ 5. Mini Movie Picker
Helps you pick a movie to watch from a tiny random list.
Features:
- Simple UI with movie categories
- Show random movie with poster + rating
- Add āSurprise Me!ā button
- Optional: link to IMDb or YouTube trailer
Fun Factor: Solves the eternal āwhat should I watch?ā dilemma, fast.
Conclusion
We’ve discussed five fun-filled side projects that can be done easily and quickly in a day or less, whether you’re curious about trying Angular for the first time or a seasoned developer. Happy Coding!
