Jun 30, 2024 12:20 AM
(This post was last modified: Jul 7, 2024 04:46 PM by Toscan.)
![[Image: h4vPQGk.png]](https://imgur.com/h4vPQGk.png)
So for the past month or so I've been working on a website typing game project inspired by type racer.
If you're interested in a short demo: https://sharktyper.com/
The initial goal was just to build something to learn JavaScript to make my websites more dynamic, but eventually it turned into a more serious project themed around Sharks. The game is meant to be a website, just like Type Racer but aiming to be a more fun and exciting, and overall a more enjoyable atmosphere for users.
The typing part of the game is fully functional. Users get a randomized text prompt that they must complete in order to receive experience, scales and a placement of course!
![[Image: 87c51c3b6f08df3605191f5d439cadd1.gif]](https://gyazo.com/87c51c3b6f08df3605191f5d439cadd1.gif)
Spoiler (Click to View)
Completed Log
-------------------------
- Refracted Original JavaScript file into a new React Project using Vite and Express for our Server.
- User Login/Registration
- Database API
- Persistent Cookies w/ JWT token
- React Routes
- User Profiles
- Sounds for winning, collecting, typing, errors.
- Overall Theme is completed (Not using any CSS framework "yet".)
- Started Adding Multiplayer Support using Socket.io / Socket.io-client
- Users can connect to room sockets and emit events to other players.
Pending Features
-------------------------
- Update users new shark position to users in the same roomID.
- Input Validation / Sanitation Client & Server Side.
- User Password Hashing possibly using bcrypt unless there is something better?
- Add bots to race if room is not full.
- Will add more? Going to sleep for now. :)
Any ideas / questions are greatly appreciated!
![[Image: 8MuTdeS.png]](https://i.imgur.com/8MuTdeS.png)



![[Image: d1daa551fa91bbf5c86b7ae6d1613257.gif]](https://gyazo.com/d1daa551fa91bbf5c86b7ae6d1613257.gif)
![[Image: image.png]](https://media.discordapp.net/attachments/246489234595119114/1242670143591415848/image.png)
![[Image: DaV4agc.png]](https://imgur.com/DaV4agc.png)

![[Image: jZA6nmI.png]](https://i.ibb.co/tP8zWVV/jZA6nmI.png)