Skip to content

Minor UX accessibility polish + local dev reliability updates#133

Open
eccentriccoder01 wants to merge 1 commit intosoft-eng-practicum:developfrom
eccentriccoder01:develop
Open

Minor UX accessibility polish + local dev reliability updates#133
eccentriccoder01 wants to merge 1 commit intosoft-eng-practicum:developfrom
eccentriccoder01:develop

Conversation

@eccentriccoder01
Copy link

@eccentriccoder01 eccentriccoder01 commented Mar 15, 2026

This PR bundles a small set of minor improvements I made while setting up and validating the local development flow, plus a focused homepage CTA accessibility polish.

Summary

This is intentionally a minor-scope PR with two goals:

  1. Improve visibility/accessibility for high-visibility homepage CTA buttons.
  2. Reduce local setup friction so reviewers/contributors can run the app reliably.

What changed

  1. Improved CTA contrast on homepage blue sections and ensured CTA text stays readable.
    File: src/Analysim.Web/ClientApp/src/app/home/home.component.scss

  2. Added keyboard-visible focus style for CTA buttons (:focus-visible) to improve accessibility and navigation feedback.
    File: src/Analysim.Web/ClientApp/src/assets/styles/utilities/_foundation.scss

  3. Added Angular dev proxy config for /api to backend (https://localhost:5001) to avoid local API routing/CORS friction during frontend dev.
    File: src/Analysim.Web/ClientApp/proxy.conf.json

  4. Updated frontend start script to use proxy config; pinned type packages for compatibility in local environment.
    File: src/Analysim.Web/ClientApp/package.json

  5. Lockfile update corresponding to dependency changes above.
    File: src/Analysim.Web/ClientApp/package-lock.json

  6. Exposed and initialized local PostgreSQL defaults in Compose for smoother DB startup/migration flow.
    File: docker-compose.yml

Why this PR is still minor

  1. No architectural or feature-level refactor.
  2. No backend API contract changes.
  3. Mostly style/accessibility polish + local dev configuration hygiene.
  4. Kept to existing patterns/tokens and current stack behavior.

Scope note

The UX-facing part of this PR is limited to homepage CTA visibility/focus behavior.
The rest are dev-environment reliability changes that reduce setup friction.

Screenshots

  1. CTA 1 (Register Your Account) - Before
Screenshot 2026-03-16 013650
  1. CTA 1 (Register Your Account) - After
Screenshot 2026-03-16 013715
  1. CTA 2 (Create Notebook) - Before
Screenshot 2026-03-16 013704
  1. CTA 2 (Create Notebook) - After
Screenshot 2026-03-16 013724

Testing done

  1. Verified DB container startup and migration flow locally.
  2. Verified frontend starts with proxy-enabled dev server.
  3. Verified homepage CTA readability on blue sections.
  4. Verified keyboard Tab focus is visible on CTA buttons.

@cengique @adolocm Kindly review the changes and merge it if appropriate

…errides for type dependencies

style: enhance home component styles for nav-cta focus visibility

style: add focus-visible styles for nav-cta in foundation styles

chore: add proxy configuration for API requests
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