Launchwebsite#1
Open
ShadowEsu wants to merge 44 commits into
Open
Conversation
Built the full frontend for Repo Doctor, an AI health clinic for messy codebases. ## What was built ### 13 routes across 3 sections - Public: Landing (/), Connect (/connect), Sample (/sample), Exam Progress (/exam/[id]/progress) - App shell: Repository list (/app/repos), Repository overview (/app/repos/[repoId]) - Repository: Diagnoses list/detail, Treatments list/detail, History, Settings ### 40+ components across 7 domains - Layout: AppShell, Sidebar, TopBar, MobileNav - Feedback: EmptyState, ErrorState, LoadingState, InlineAlert, Toast, ConfirmDialog, ProgressTimeline - Health: HealthScore, HealthDimensions, HealthSummary, ScoreTrend, HealthTrend - Diagnosis: DiagnosisCard, DiagnosisList, DiagnosisFilters, DiagnosisDetail, EvidencePanel, AffectedFiles, SeverityBadge, ConfidenceBadge - Treatment: TreatmentProposal, TreatmentSummary, DiffViewer, DiffFileHeader, ApprovalPanel, VerificationSteps, TreatmentResult, RollbackPanel - Repository: RepositoryCard, RepositoryIdentity, TechnologyBadge, ExaminationStatus - Code: CodeSnippet, FilePath, LineReference, CommandOutput, CopyButton ### Design system - Tailwind CSS v4 with custom design tokens (colors, typography, spacing) - Warm off-white background with teal accent - Severity system: icon + text + color (never color-only for accessibility) - Light and dark mode support - Geist font family ### Key features - Dark mode with Light/Dark/System theme selector - Responsive design (desktop, laptop, tablet, mobile) - Accessibility: skip-to-content link, ARIA labels, keyboard navigation, focus management - Examination progress with simulated stages and failure handling - Health score with grade, trend, and dimension breakdown - Diagnosis evidence panels with code snippets and affected files - Treatment diff viewer with verification steps - ZIP upload with accessible file input ### Files - DESIGN.md: Complete frontend design specification (1336 lines) - AGENTS.md: Agent instructions for future sessions - src/lib/types.ts: All TypeScript interfaces - src/lib/api.ts: API client with mock data - src/lib/utils.ts: Utility functions - src/lib/theme-provider.tsx: Theme context for dark mode - src/app/globals.css: Design tokens with dark mode support
Complete visual redesign with premium animations, glass morphism, and gradient effects. ## Design System - New color system with gradient hero (teal → blue → purple) - Glass morphism sidebar with backdrop blur - Ambient glow that follows mouse cursor - Animated health score with count-up effect - Gradient text for hero heading - Subtle grain texture overlay - Smooth scroll-triggered animations - Card hover effects with lift and glow ## Animations - Staggered fade-in-up for lists - Scale-in for score reveal - Animated progress bars on health dimensions - Smooth page transitions - Hover micro-interactions on all interactive elements - Pulse glow on accent elements ## Components Updated - Landing page: gradient hero, animated stats, feature cards with glow - AppShell: ambient glow, page transition wrapper - Sidebar: glass morphism, gradient branding, rounded nav items - MobileNav: glass morphism, icon containers - HealthScore: animated count-up, grade badge, delta indicator - HealthDimensions: animated progress bars, hover effects - DiagnosisCard: hover lift, accent glow, rounded design ## Dark Mode - Full dark mode with deep blacks (#09090B) - Vibrant accent colors in dark mode - Glass morphism with subtle borders - Glow effects visible in dark mode The UI now matches the quality level of Linear, Vercel, and Stripe.
- Added slide-in drawer with spring animation - Backdrop blur overlay behind drawer - Navigation links with active state highlighting - X close button in drawer header - Escape key closes drawer - Route change closes drawer - Clicking backdrop closes drawer
…tract - Feature highlights with visual grid - Tech stack table - Getting started instructions - Project structure tree - Design system documentation - Route table - API contract for backend team - Responsive breakpoints - Accessibility features - Contributing guidelines
Bring the Frontend-design Next.js app onto launchwebsite for Vercel deployment. Co-authored-by: Cursor <cursoragent@cursor.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.