đ» #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!