Multifaceted Mastermind Game Implementation

Category: Software Engineering

Date: Fall/Wiinter 2022

My Role: Backend Logic, UI/UX

Project Overview: This application was built as a full-stack take home project during an apprenticeship interview process (with a backend focus)

---

Project Overview:

This application was built as a full-stack portfolio project to implement new coding practices and strategies that I learned over the summer of 2022. It's a simplified implementation of the MasterMind guessing game that can be played by a user against the computer or by 2 users.

• A random, 4-digit number sequence is generated from the random number generator at random.org
• A user submits a guess, which is 4-digit number, into an input form.
• The server evaluates the users guess & sends feedback about the correctness of their guess attempt.
• The feedback details how many numbers were correct, how many numbers were in the correct location and how many remaining guess attempts a user has.
• A user also has an option to get hints that help lead them to guessing the correct 4-digit number sequence. These hints come in 4 levels ****(SuperEasy, Easy, Default, Hard, SuperHard)
• Data about the user and each game are captured and stored in a database during their interactions with the application

---

Problem Statement:

As a challenge to myself, I decided to build this MasterMind game application with the goal of figuring out a way to implement new programming concepts that I’ve recently come across.

I’ve learned that modern applications are designed and built prioritizing things like flexibility, availability and scalability to accomodate large user bases spanning worldwide. The decisions, when building this project, were made with those practices top of mind

---

Running the Project:

1. Clone the repo by running the following command: git clone https://github.com/djtoler/MasterMind-Game.git

2. Run npm install to install server dependencies

3. cd into the client directory and run npm install to install the client dependencies

4. While still inside the client directory, use npm start to run the frontend

5. cd.. back into the root directory, then cd into the server directory and use npm start to start our backend

---

Code Explinations:

Registration Component

• Registration: Our Registration component is the first component, on the first page a user lands on…

Login Component

• Login: Our Login component is the 2nd component on the first page a user lands on... 

Game Landing Page Component

• Game Logic: When a game is started, a random number is generated…

Game Hints Components

• Super Easy: When the game is played in 'superEasy' mode…

• Easy: When the game is played in 'Easy' mode, a user is provided a range of numbers that contains…

• Hard: When the game is played in 'Hard' mode…

• Super Hard: When the game is played in 'Super Hard' mode…

---

Takeaways:

✅ This project helped us to learn more about the process implementing methods to make an application more scalable, flexible, reliable and faster. We’ll continue to use this project to implement and test new concepts we learn