Riddle Me This Game

Description

In this project I created a simple website with the usual HTML, CSS, Javascript for the front end and Python and Flask for the back end.

The user is required to input their name to start the game, once in, you get asked 10 riddles. The maximum score per riddle is 3 points. You get 3 guesses per riddle. As you use up your guesses, 1 point is subtracted from that score so if you get one wrong guess you will get 2 points, two wrong guesses is 1 point and three wrong guesses is gameover. Once the user makes it to the end of the 10th riddle, their score will be added into the highscore file and if they make the top 10, they will be added to the highscore page.

The site was made using VS Code and Cloud 9 IDE and tested using Google Chrome, Mozilla Firefox and Internet Explorer. Several Android devices as well as an iPhone 6s were also used in the testing process. Google Chrome inspector was used to simulate several device screen sizes I could not personally get my hands on.

Mockups can be found in the /mockup/ folder in this Git repo.

The following is a table on the functionality of the site.

Below is a list of Libraries/Technologies that were used in the creation of this website:

• Flask Micro Framework Flask provides an interface between Python and the web. It is used for all the logic on the site.
• Bootstrap CSS Framework This framework was used throughout the website on all pages to facilitate a responsive design.
• FontAwesome Icons Used for the Social Media icons and the Media button.

Deployment

The project is deployed on Heroku, you can reach it by going to this link

There is a slight problem with beginning a game that doesnt always happen. Once the user inputs a Username to play the game then clicks on the 'Play' button, there is a possibility of getting a server error. To get past this, press the back button on the browser and then click 'Play' again. Keep trying that until it works.