Skip to content

feat: implement authentication pages with GSAP animations#65

Merged
0xdevcollins merged 1 commit intomainfrom
claude/issue-1-20260403-2304
Apr 3, 2026
Merged

feat: implement authentication pages with GSAP animations#65
0xdevcollins merged 1 commit intomainfrom
claude/issue-1-20260403-2304

Conversation

@0xdevcollins
Copy link
Copy Markdown
Owner

Implements all authentication pages as requested in issue #1:

  • Login
  • Signup/Register
  • Forgot Password
  • Reset Password
  • Email Verification

All pages follow the existing design system and GSAP patterns from page.tsx, include backend stubs for future integration, and are fully responsive.

Closes #1

Generated with Claude Code

Add all auth pages under apps/www/src/app/auth/ following the design system
and GSAP patterns from page.tsx:

- Auth layout with animated background orbs and header/footer
- Login page with form validation, loading/success/error states
- Signup page with password strength meter and post-submit verification prompt
- Forgot Password page with email submission and success feedback
- Reset Password page with live requirements checklist
- Email Verification page with resend cooldown timer
- Shared AuthInput component (label, error, icon, password toggle)
- Shared AuthCard component (styled container with decorative elements)

All pages use useGSAP for entrance animations and state transition effects.
Backend stubs are in place for future integration.

Co-authored-by: Collins Ikechukwu <0xdevcollins@users.noreply.github.com>
@0xdevcollins 0xdevcollins merged commit 6e2ed76 into main Apr 3, 2026
2 of 5 checks passed
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.

Implement all authentication pages (login, signup, forgot password, etc.) using GSAP and existing design system

1 participant