No description
  • HTML 93.2%
  • CSS 6.8%
Find a file
Kalvin Carefour Johnny 9a4d78f468
Update README.md
2026-03-28 00:11:16 +08:00
html Fix responsiveness, add hideable controls, env config, and rewrite README 2026-03-23 10:22:01 +00:00
nginx Initial commit 2026-03-22 21:49:34 +08:00
.env.example Fix responsiveness, add hideable controls, env config, and rewrite README 2026-03-23 10:22:01 +00:00
.gitignore Fix responsiveness, add hideable controls, env config, and rewrite README 2026-03-23 10:22:01 +00:00
docker-compose.yaml Fix responsiveness, add hideable controls, env config, and rewrite README 2026-03-23 10:22:01 +00:00
LICENSE Create LICENSE 2026-03-27 23:59:57 +08:00
README.md Update README.md 2026-03-28 00:11:16 +08:00

Eye Trainer

A minimalist, browser-based eye exercise tool. A ball moves across the screen in various patterns for you to track with your eyes.

CC0 1.0 Universal (CC0 1.0) Public Domain Dedication

AI Generated Badge

Features

  • Movement modes - Horizontal, Bounce, Circular, Calm Random
  • Adjustable settings - Speed, ball size, and colour
  • Pause/Resume control
  • Collapsible control panel - hide the bottom bar for a distraction-free experience
  • Mobile-friendly - responsive layout that works on phones and tablets
  • No dependencies - pure HTML, CSS, and JavaScript

Quick Start

cp .env.example .env   # optional, defaults are fine
docker compose up -d

Open http://localhost:50002 in your browser.

Configuration

Copy .env.example to .env and edit the values:

Variable Default Description
CONTAINER_NAME eye_trainer_web Docker container name
BIND_ADDRESS 127.0.0.1 Bind address (0.0.0.0 to expose publicly)
PORT 50002 Host port

Project Structure

eye-trainer/
├── docker-compose.yaml
├── .env.example
├── nginx/
│   └── default.conf
└── html/
    ├── index.html        # Eye trainer app
    ├── 404.html          # Custom error page
    └── css/
        └── style.css

Usage

  1. Start the app and open it in your browser.
  2. Choose a movement mode from the dropdown.
  3. Adjust speed, ball size, and colour to your preference.
  4. Click Hide to collapse the control panel for a cleaner view.
  5. Follow the ball with your eyes. Pause any time with the Pause button.

Stopping

docker compose down