You are browsing as a guest. Sign up (or log in) to start making projects!

Stellar Reflex

By @AbhiramVedula

  • 1 Devlogs
  • 1 Total hours

Stellar Reflex is an interactive reaction-time game that measures how quickly a user responds to their environment on average. The game gives a precise reaction-time score in milliseconds, explains what the score means, and compares the player’s speed to different animals. After each round, the player receives a rank based on their reflex speed, from slower reaction ranges to elite-level reflexes.

Source
Ship #1 Changes requested

@AbhiramVedula on Stellar Reflex

I made Stellar Reflex, a browser-based reaction-time game that measures how quickly a player responds to a visual signal. The game uses a random wait timer, turns the box green when it is time to click, calculates reaction time in milliseconds, detects false starts, saves the best score, and ranks the player using animal-inspired reflex categories.

The most challenging part was learning how HTML, CSS, and JavaScript connect to each other. HTML created the page structure, CSS made the design look like a space-themed game, and JavaScript handled the actual logic, including timing, click detection, random delays, score calculation, and ranking. JavaScript was the hardest part because it controlled how the game responded to the user.

I am proud that I completed and published my first working web project. I learned how to build the files, test the project locally, upload it to GitHub, write a README, and publish a live demo with GitHub Pages. This project gave me a basic understanding of how real websites are built and shipped.

To test the project, click Start Game, wait for the box to turn green, and then click the box as fast as possible. The game will display your reaction time, rank, animal match, and explanation. If you click too early, the game will detect it as a false start.

  • 1 devlog
  • 1h
Try project → See source code →
Open comments for this post

@AbhiramVedula on Stellar Reflex

39m 1s logged

Today I completed Stellar Reflex, a beginner web project I built to practice HTML, CSS, and JavaScript. The project measures a user’s reaction time, detects false starts, shows the best score, and gives an animal-inspired ranking based on the player’s speed.

This project was useful because it helped me learn the full workflow of a web project: building the structure with HTML, styling the page with CSS, adding interactivity with JavaScript, testing the project in a browser, uploading it to GitHub, and publishing a live demo with GitHub Pages.

I see this project as a starter project rather than something I want to keep expanding. Now that I understand the basics, I want to move on to a more difficult and useful project with more real-world value, stronger features, and a clearer purpose.

0
0
19

Followers

Loading…