Founder LaunchcompletedBy GOZORA. Founder
GOZORA Verified Outcome
My profiles
My Profiles is a modern project showcase platform that allows developers, designers, and creators to share and review side projects, startups, and open-source builds.
Core Stack: React, Vite, Clerk Authentication (Google SSO), and Supabase backend.
Key Features
- Fluid Landing Page: Engaging hero animations and featured projects showcase.
- Secure Login: Authenticate easily to manage your digital footprint.
- Detail-Rich Previews: Submit rich project overviews with extensive media assets.
- Community Connection: Connect with other builders globally.
System Viewport Preview
https://myprofiles.co.in
The Challenge
The Challenge
- Legacy Authentication: The prototype used insecure local storage mocks instead of robust OAuth.
- Layout Reflows: Dynamic text cycling animations caused severe layout clipping on mobile.
- Styling Conflicts: Migrating to Tailwind v4 while strictly preserving custom brand colors (
#FCFBF8,#F97316). - Render Loops: Securing dashboard routes without triggering infinite redirects.
The Solution
The Solution
- Clerk SDK Integration: Upgraded to enterprise-grade Google SSO without breaking React Router state.
- Adaptive Motion: Engineered a responsive Framer Motion container to prevent word clipping.
- Custom Tailwind V4 Configuration: Mapped native CSS variables to Tailwind utilities to protect brand colors.
The Implementation
The Implementation
- Tooling Setup: Configured TypeScript, Tailwind CSS v4, PostCSS, and shadcn CLI environments.
- Auth Migration: Wrapped the router in
<ClerkProvider>with custom branded auth forms. - Layout Fixes: Applied flexible
@mediabreakpoints for the animated hero section.
The Results
The Results
- Production Ready: Successfully deployed to Vercel with zero build warnings.