Rock Paper Scissors Online

• 

  Current basic game layout

Inspiration

I've been wanting to create a project using the MERN stack for a long time. I learned React a couple months ago and learned the backend piece just last week. This project presented a great opportunity to put it all together.

What it does

This allows players to play a game of rock paper scissors online

How we built it

This is built using a very basic React Frontend, and a somewhat complicated Express.js backend controlling the logic and handling communications and database updates in Mongodb. I also used socketio to make the communication between frontend and backend simple (after much research trial and error)

Challenges we ran into

The main challenge was learning a completely new technology. I had just recently learned express with regards to vanilla javascript sites, so the communication was much different with a React frontend. After that the overall complexity of connecting people together was the next biggest challenge. The great thing is that most of the challenges except routing are done, so this project can easily be expanded upon.

Accomplishments that we're proud of

I'm very proud of powering through when I thought of giving up. There were times where I had no idea how to accomplish my next step, but i persevered and accomplished much more than if I had quit at that point and learned so much in the process. I'm happy to say that I now have (basic) control of the MERN stack.

What we learned

What is involved in full stack development, how to solve complex problems, and how to persevere.

What's next for Rock Paper Scissors Online

The simplest thing left to implement is a score tracker, it is currently part of the database already and just needs to be presented. From there routing for different pages and actions needs to happen and then styling of the frontend. There are also a host of nice to haves that would be great to implement.

Built With

• express.js
• mongodb
• node.js
• react