Description :
Typing Blitz is a skill-testing game designed to measure typing speed and accuracy. Players are tasked with typing a paragraph within a 60-second time limit. Successfully completing the paragraph within time frame constitutes a victory. The game aims to challenge players' typing proficiency while providing an engaging and competitive experience. The main challenges of my games were how to find a way to end the game in which the player loses or wins, at first I had a clear idea but when I tried to put it into code it was difficult, which caused me to change the ending to a certain way simpler and more straightforward. I selected this game due to its distinctive user interface, characterized by simplicity and accessibility. With just two clicks, users can seamlessly engage with the main page, offering an intuitive and efficient experience. This streamlined approach not only enhances user interaction but also exemplifies a professional design ethos, prioritizing user engagement and ease of use
Technology Stack:
- JavaScript
- CSS
- HTML
Installation:
-
Fork and clone this repository onto your local machine by executing the following command in your terminal:
ZshCopy code git clone https://github.com/AddyJaime/Typing-Blitz.git Front-end deployment link https://typing-blitz-addyjaime.netlify.app/
-
Navigate to the Typing-Blitz folder in your terminal.
-
Open the project using your preferred Integrated Development Environment (IDE).
-
Finally, open the project in your web browser and enjoy the game.
Screenshots of the welcome page and main page of the game:
Future Enhancements
- Utilize AI for adaptive difficulty and personalized gameplay.
- Optimize mobile interface for intuitive controls and responsiveness.
- Enhance welcome button with clear CTA and feedback animation.
- Polish visuals and optimize performance for professional mobile integration.
- Implement social features and cross-platform compatibility.
- Deliver a seamless and engaging two-person gaming experience.
**Timeline - Daily Accountability**
**Monday:**
- Develop CSS, JS, and HTML files for the game.
- Initiate HTML markup and commence CSS styling.
**Tuesday:**
- Complete HTML markup and integrate images into the game.
- Begin refining styles to enhance visual appeal.
**Wednesday:**
- Finalize styling and layout to ensure a polished user interface.
- Initiate implementation of game functionality.
**Thursday:**
- Complete functional implementation and iterate for improvements as needed.
- Explore additional features to enhance gameplay experience, focusing on stretch goals.
**Friday:**
- Conduct thorough code review to identify and rectify any potential errors.
- Optimize and refactor code for improved readability and maintainability.
----------------------------------------------------------------------------------------------
Attributions:
Favicon Generator:
https://www.hubspot.com/brand-kit-generator/favicon-generator
Background-Images:
Special thanks to my best friend Brayhan De Aza, currently a senior software engineer for Bloomingdale's, for his invaluable contributions and innovative ideas that made this game possible.
GitHub: https://github.com/brayhandeaza