Inspiration
When I first start learning how to type I practiced so much for months and I wanna know how challenging it can be to build it from starch. From handling the users and matchmaking and everything.
What it does
It is a platform where people who want to learn how to type can gather and compete with each other and learn in the process.
How we built it
I used typescript with react for frontend and node js for backend.
On the frontend to make the letters type first I break down the para into an array and displayed it using a span tags in sequences then attached a input field which will validate if the character we typed is correct or not. As we type it will collect the span tags in a node list and then compare the letter using the character index and validate them.
On the backend it was very hard to come up with the matchmaking system. First read the dev letter of PUBG multiplayer game but I didn't understand so much. Then i watched a youtube video about how matchmaking work in multiplayer games then I understand a little bit. But the implementation was not that easy first we have to limit the number of members in a room so I set it to 4 players at a time. Then we don't want the player to wait for long so we made the room to be open for 20 seconds. I used websockets for matchmaking and real-time sharing of every player typing speed.
Challenges we ran into
The Biggest challenge I ran into is the matchmaking system and how to design it from strach. First read the dev letter of PUBG multiplayer game but I didn't understand so much. Then i watched a youtube video about how matchmaking work in multiplayer games then I understand a little bit and implemented it
Accomplishments that we're proud of
I am proud that I have worked on the project and I learned so many things.
What we learned
I learn how to use websocket efficiently and how to build the logic for complex systems.
What's next for Typeground
Well Typeground has some issues and bugs after they have fixed It will have some new features like speed review and restart with same text again and some few.
Log in or sign up for Devpost to join the conversation.