FIRSTS: Career Launch & Foundation

The guided, AI-assisted app version of FIRSTS: Career Launch & Foundation, spanning Stage One (Self-Awareness & Career Clarity), Stage Two (Professional Identity & Personal Brand), and more to come, by Ayomide Ayeni.

Built with Next.js (App Router), TypeScript, Tailwind CSS, and Framer Motion.

Development

npm install
npm run dev

Open http://localhost:3000.

Brand

Colors and motion tokens live in app/globals.css under the FIRSTS citrus palette (--neon-pink, --sunshine-orange, --lime-zest, etc.). Display type is Bricolage Grotesque, body type is Inter.

Build status

This app is being built module by module, in the order laid out in the product PRD. Currently shipped:

• Landing page (brand identity, hero, audience paths, Stage One preview, AI Coach preview, institution preview)
• "Who are you?" onboarding selector
• Signup / login flows
• Dashboard / home shell
• FIRST module experience (Learn / Do / Coach / Track)
• Institution & advisor dashboards