july 12th, 2026

A tiny static browser tool that helps someone pick the best small task to do with a short pocket of time.

Comment

A tiny static browser tool that helps someone pick the best small task to do with a short pocket of time.

Problem

Small pockets of time are easy to waste because choosing the next useful thing can take more effort than the task itself. General task managers are too heavy for that moment, and random pickers do not account for how much time is actually available.

Solution

july 12th, 2026 gives the user a simple browser page: pick a time window, get a task that fits, and optionally add a custom tiny task. The app starts with a few starter tasks, filters them by the time selected, and shows one recommendation with a clear explanation of why it fits.

Why This Matters

The project solves a real everyday friction point: deciding what small useful thing to do when you only have a few minutes. The submission stays intentionally small, so the behavior is obvious in a quick demo and easy for a judge to understand immediately.

How We Used AI

AI was used in the build process, not as a runtime feature. Codex helped narrow an open-ended request into a tiny product idea, define the scope, write the requirements, and keep the implementation focused on a fast, submission-ready MVP.

How We Used Codex

Codex guided the full Devpost plugin flow inside this workspace. It helped choose the concept, wrote the scope, PRD, spec, checklist, and build notes, then implemented the dependency-free HTML/CSS/JS app and verified the result with node --check plus a DOM harness that exercised default state, time selection, recommendation output, custom-task insertion, invalid-input handling, and the no-match path.

Key Features

  • Default 10-minute time window on first load
  • Four fixed time choices: 5, 10, 15, and 30 minutes
  • Recommendation logic that only picks tasks that fit the selected window
  • Starter tasks available immediately without setup
  • Custom task entry with validation for blank names and invalid minutes
  • Clear neutral, match, and no-match result states
  • Dependency-free local run with no backend, accounts, or runtime AI

Architecture

The app is a single-page static tool built with plain HTML, CSS, and JavaScript.

  • index.html provides the hero, time controls, recommendation panel, task list, and task form.
  • styles.css provides the responsive layout, active states, and visual treatment.
  • app.js stores the task data in memory, handles recommendation filtering, validates custom tasks, and updates the page.

There is no build step, package manager, backend, database, or external API.

Testing Instructions

  1. Open july-12th-2026/index.html in a browser.
  2. Confirm the first screen shows the title, explanation, 10-minute default, starter tasks, recommendation panel, and add-task form.
  3. Click the time choices and confirm the active state moves correctly.
  4. Click Pick one and confirm the result is a task that fits the selected time.
  5. Add Water one plant with 5 minutes and confirm it appears in the task list.
  6. Select 5 minutes and confirm the custom task can be recommended.
  7. Try a blank title or 0 minutes and confirm validation blocks the add.
  8. Run node --check july-12th-2026/app.js.

Public Demo Link

No public demo URL is planned. Runnable local code is available at july-12th-2026/index.html.

Public Repository Link

https://github.com/jchubacca/AI

Demo Video

Not planned. The hackathon does not require a video, so this draft leaves it out.

Screenshot Shot List

  • First-load state with starter tasks and the default 10-minute selection
  • A recommendation result showing a task that fits the selected time
  • The custom-task form after adding a valid task
  • The no-match state after choosing a short time with only long tasks available
  • I found older hackathon/workflow screenshots on the machine, but none clearly show this app, so I did not reuse them here.

Submission Readiness Notes

  • The project is implemented and locally runnable.
  • The build docs are complete in docs/hackathon-build/.
  • The official submission requirements for this hackathon currently ask for a Codex session ID and a Feedback Questionnaire confirmation.
  • The public demo URL is intentionally left as a local-only fallback because this build is not hosted.
  • No verified current-project screenshots are attached in this draft, and I am proceeding without them.
  • A demo video is not required for this hackathon, so the draft does not assume one.
  • The hackathon deadline is July 13, 2026 at 6:00 AM Eastern Time.

Known Limitations

  • Custom tasks reset on reload.
  • Recommendation is intentionally simple and random among fitting tasks.
  • There is no hosted demo, backend, or runtime AI.
  • Browser automation in this environment was unreliable, so verification relied on node --check and a DOM harness.

TODO Official Form Fields

  • What is your Codex session ID? 019f5767-8446-74a2-9305-b0bac3ee1040
  • Did you fill out the Feedback Questionnaire form? Yes

Built With

Share this project:

Updates