Skip to content

Improve UI polish and fix JavaScript bugs#1

Open
adityaa206 wants to merge 1 commit into
navya2006:mainfrom
adityaa206:ui-improvements
Open

Improve UI polish and fix JavaScript bugs#1
adityaa206 wants to merge 1 commit into
navya2006:mainfrom
adityaa206:ui-improvements

Conversation

@adityaa206

@adityaa206 adityaa206 commented Jun 1, 2026

Copy link
Copy Markdown

Summary

  • Fix critical JS bugs: wrong element ID (resultresult-display), alert() replaced with the existing toast notification system, loading spinners now actually toggle, input validation added before API calls
  • Better recognition feedback: unknown persons show a red warning, identified persons show a green animated result with fadeIn transition
  • Visual polish: subtle dot-grid background for depth, live clock in footer, footer with tech stack labels

Test plan

  • Register a face — toast appears instead of browser alert, loading spinner shows during capture
  • Identify a known face — green result with name animates in
  • Identify unknown face — red "UNKNOWN PERSON" result
  • Try registering with empty fields — error toast fires, no network request sent
  • Check footer shows live clock ticking

- Fix script.js: wrong result element ID, plain alert() replaced with toast system,
  loading states wired up, input validation added, unknown/error handled distinctly
- Add subtle grid background to body for depth
- Add fadeIn animation on recognition result
- Add live-clock footer with tech stack labels

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant