Overview

Project Title: Lil'Gloomy

Project Description: A competitive typing game that challenges players to type as fast and as accurate as they can. Project Goals:

• Have a database that stores the data of each user
• Have a leaderboard that uses that database to display wpm and accuracy info
• Have a prompt box that will display different prompts for users to type up
• Have a keyboard with a heat map that will display user error while typing
• Have words per minute and accuracy percentage appear after finishing prompt
• Have a store that will accumulate money after each prompt, storing different skins that the user can purchase
• Have animations for the program that will make it more appealing to users
• Add styling to the webpage
• Create a "company" logo

Instructions for Build and Use

Steps to build and/or run the software:

1. Deploy application from google firebase (our job)
2. If deployed already, open your browser and enter this url: https://lil-gloomy.firebaseapp.com/

Instructions for using the software:

1. In the typing area, type the prompt shown to you as you enter the webpage.
2. If you do not like the prompt, use the shuffle button to change it.
3. Complete the prompt and see your results appear at the top.
4. Use the shop to buy different backgrounds (money will increment as you complete prompts)

Development Environment

To recreate the development environment, you need the following software and/or libraries with the specified versions:

• HTML and CSS
• Google Firebase
• Javascript

Useful Websites to Learn More

I found these websites useful in developing this software:

• Youtube.com
• w3schools.com
• firebase.google.com

Future Work

The following items I plan to fix, improve, and/or add to this project in the future:

• Add prompts into databases in order to add difficulty control for players
• Add animation into the program
• Improve the keyboard and heatmap (just to look cooler)