8 Open-Source Projects to Master Front-End Skills:

1. Calculator Features include: - Perform basic operations - Support decimals and percentages - Invert values and reset functionality - Format larger numbers - Output resizes based on length Live project: https://calculator-madza.netlify.app/… Source on GitHub: https://github.com/madzadev/calculator…

2. Weather App Features include: - Search - Metric/Imperial system - Local time/date - Temperature/humidity - Wind speed/direction - Sunrise/sunset times Live project https://weather-app-madza.netlify.app/… Source on GitHub https://github.com/madzadev/weather-app…

Enjoying this thread? Join over 6,000 people to get more! Receive the latest AI tools, dev trends, resources, productivity tips, and career growth tips to stay ahead of 99% of others. Subscribe for FREE today: https://madzadev.substack.com

3. Breakout Features include: - Moving paddle + ball - Bricks generation - Collision detection - Score keeping - Level system - Lives tracking - Game over / Reset Live project https://breakout-madza.netlify.app/… Source on GitHub https://github.com/madzadev/breakout…

4. 2048 Features include: - Slide tiles on X and Y-axis - Sum tile values on collision - Color scheme - Score keeping - Best score memory - Winner detection - Game over / Reset Live project https://2048-madza.netlify.app/… Source on GitHub https://github.com/madzadev/2048

5. Memory Game Features include: - Moves tracking - Match percentage - Win state detection - Reset functionality Live project https://memory-game-madza.netlify.app/… Source on GitHub https://github.com/madzadev/memory-game…

6. Tic Tac Toe Features include: - Built-in moves calculation - Winner detection - Reset functionality Live project https://tictactoe-madza.netlify.app/… Source on GitHub https://github.com/madzadev/tic-tac-toe…

7. Rock Paper Scissors Features include: - Round tracking - Score keeping - Choice display - Computer selection - Winner detection - Reset functionality Live project https://rockpaperscissors-madza.netlify.app/… Source on GitHub https://github.com/madzadev/rock-paper-scissors…

8. Landing Page Features include: - Info about the dev - Icons linking to social media - Interactive hover effects Live project https://landing-page-madza.vercel.app/… Source on GitHub https://github.com/madzadev/landing-page…

I hope you've found this thread helpful. Follow me @Madza 👨‍💻⚡ for more. Like/Retweet the first tweet below if you can: