💻 #55: Build a Hangman Game with React.js and Typescript 🕺
Build this classic game with React, Vite, and Typescript
Happy Friday, developer! 👋
I can’t believe it’s already November! This year has flew by for me.
In this weekend’s tutorial, we’re going to make Hangman, such a classic school game. What’s your go-to hangman word? My dad always used: Bugs Bunny 🐰
Tutorial of the week:
Length: 45 minutes
Difficulty: Intermediate
I chose Web Dev Simplified for this weekend’s tutorial because he doesn’t just focus on building projects but he focuses on how you can write cleaner, more readable code. When working with a team, it’s important that other people can read your code. This is a skill that will take you to the next level in your career.
What you’ll learn:
React.js 🌐
Typescript 🪢
Vite ⚡️
This space is reserved for you!
This week’s collaboration: Category Surfers
Discover the next big thing in SaaS before it explodes. A weekly breakdown of fastest-growing software categories.
Are you building something you want to show off or get feedback on? Send me the link by replying to this email, or fill out the google form below.
➡️ Fill out this Google Form ⬅️
3 creative projects of the week:
1. NameGuessr
How accurate was the guess for you name? I’m not from any of these countries but this is still a really interesting website. What’s cool is that I didn’t know Devan was a common name in South Africa!
2. Where can I watch this?
Similar sites are out there on the web, but that doesn’t mean you can’t build your own version! I love that, if you’re ever stumped on what to build just recreate something that is already out there and just put your own creative spice in it.
Great work, @Mathieu Ginod
3. My Side Project Rocks
This is the type of site I’ve wanted to build for a while. Similar to product hunt but less focused on being a business and more focused on being a fun web app.
This site isn’t too active but the idea is great.
Check it out!
I teamed up with Udemy to bring you a discount as a new user. If you’re looking to grab a course on web development courses start at $14.99! Click here to get your first course for $14.99
That’s all folks!
I hope you enjoyed this weekend’s edition of Weekend Web Dev!
If you create anything please share it with me on Twitter or reply to this email!
I’d love to see what you’re building.
Your fellow weekend developer,
Here are some excellent beginner resources for learning JavaScript
Mozilla Developer Network - the leading resource on JS
FreeCodeCamp - free course
CodeAcademy - intro to javascript - free course
Odin Project - full stack javascript - free course
Eloquent Javascript - book (many people struggle with this book)
javascript.info - reference resource
Traversy Crash Course in Javascript - video series
Intermediate/advanced material
JavaScript Design Patterns - free book
Professor Frisby's Mostly Adequate Guide to Functional Programming - free book
What the heck is the event loop anyway? - JSConf talk about the event loop
Understanding the Weird Parts - paid course covering more advanced topics
Deep JavaScript: Theory & Techniques - free book
Software
Code Sandboxes
Other handy sites
Hey Devan! Super cool that you featured nameguessr as your creative project of the week here. I developed this project and am curious how you came upon it!