Coming soon web page
  • TypeScript 81.8%
  • CSS 13.9%
  • HTML 1.9%
  • JavaScript 1.5%
  • Dockerfile 0.9%
Find a file
WessCoby 032c6a8238
All checks were successful
Build and Push / build-and-push (push) Successful in 6m19s
Replace npm ci with npm install
2026-06-08 17:26:24 +00:00
.forgejo/workflows Add Dockerfile and Actions workflow for building and pushing the application 2026-06-08 17:22:18 +00:00
public Setup state management and integrate ticker fetching service 2026-06-07 17:16:57 +00:00
src Update polling interval for ticker query to 30 minutes 2026-06-08 16:32:35 +00:00
.dockerignore Add Dockerfile and Actions workflow for building and pushing the application 2026-06-08 17:22:18 +00:00
.env.example Setup state management and integrate ticker fetching service 2026-06-07 17:16:57 +00:00
.gitignore Integrate waitlist functionality and stats retrieval 2026-06-08 16:29:38 +00:00
components.json Initial Commit 2026-06-07 08:46:29 +00:00
Dockerfile Replace npm ci with npm install 2026-06-08 17:26:24 +00:00
eslint.config.js Initial Commit 2026-06-07 08:46:29 +00:00
index.html Setup state management and integrate ticker fetching service 2026-06-07 17:16:57 +00:00
package.json Setup state management and integrate ticker fetching service 2026-06-07 17:16:57 +00:00
README.md Initial Commit 2026-06-07 08:46:29 +00:00
tsconfig.app.json Initial Commit 2026-06-07 08:46:29 +00:00
tsconfig.json Initial Commit 2026-06-07 08:46:29 +00:00
tsconfig.node.json Initial Commit 2026-06-07 08:46:29 +00:00
vite.config.ts Add Dockerfile and Actions workflow for building and pushing the application 2026-06-08 17:22:18 +00:00
yarn.lock Integrate waitlist functionality and stats retrieval 2026-06-08 16:29:38 +00:00

Investment Nerds — Coming Soon

Mobile-first "coming soon" / waitlist landing page for Investment Nerds, a friendly home for Ghana's markets. Built from the Claude Design handoff (direction B · Nerd Cards).

Stack

  • Vite + React + TypeScript
  • Tailwind CSS v4 (@tailwindcss/vite)
  • shadcn/ui components (Button, Input) + lucide-react icons

Getting started

npm install
npm run dev      # http://localhost:5173
npm run build    # typecheck + production build to dist/
npm run preview  # preview the production build

What's here

  • src/index.css — Tailwind v4 setup + the Investment Nerds design tokens (brand colors, fonts, radii) and the prototype's keyframe animations.
  • src/lib/data.ts — GSE ticker data, the six launch features, socials, avatars.
  • src/components/ — page sections:
    • lockup / brand-icons — logo mark, hero glasses mascot, social glyphs
    • ticker — pinned GSE chip + scrolling live-price strip
    • feature-cards — numbered, surface-cycling feature cards
    • join-card — waitlist form (validation + success state), live counter, social proof, and follow row
    • ui/ — shadcn Button and Input
  • src/App.tsx — header, hero (orbiting mascot + bobbing coins), and footer.

Notes

  • The waitlist counter drifts upward over time and bumps on submit; the email is stashed in localStorage. There is no real backend — wire the form's handleSubmit in src/components/join-card.tsx to your endpoint before launch.
  • Inter @ 900 stands in for the proprietary Wise Sans display face, per the design system.