A modern React + Vite + TailwindCSS single-page application that showcases Project ADAM – an API-first welfare-eligibility verification platform.
The frontend provides:
- Animated hero section with video background
- Detailed "How It Works" timeline & architecture visual
- Interactive eligibility Simulator (mock flows)
- Problem / Solution / Impact explanation
- Government Scheme Recommendations enhanced by ADAM
- Roadmap for future development
| Layer | Tech |
|---|---|
| Framework | React 18 + TypeScript |
| Build tool | Vite |
| Styling | Tailwind CSS + Prism-green custom theme |
| Animation | Framer Motion |
| Icons | Lucide |
| Deployment ready | Netlify / Vercel / Static hosting |
Prerequisite: Node.js ≥ 18 & pnpm / npm / yarn.
# clone repository
$ git clone <repo-url> adam-frontend
$ cd adam-frontend
# install deps
$ pnpm install # or npm i / yarn
# start dev server
$ pnpm dev # http://localhost:5173The dev server has hot-module-reload. Any code / markdown edits will reflect instantly.
# create optimized build
$ pnpm build
# preview locally
$ pnpm preview # http://localhost:4173├── public/ # static assets (videos, images)
├── src/
│ ├── components/
│ │ ├── ui/ # reusable UI pieces (navbar, hero media wrapper …)
│ │ └── sections/ # page sections (Hero, Impact, SchemeRecommendations …)
│ ├── App.tsx # page composition & routing anchors
│ ├── AnimatedBackground.tsx
│ └── index.tsx # React root
├── tailwind.config.cjs # Tailwind & theme overrides
├── vite.config.ts # Vite configuration
└── README.md # you are here
The design uses a Prism Green (#00FF9C) & black palette.
Key additions in tailwind.config.cjs:
colors: {
prism: {
green: '#00FF9C',
greenDark: '#00CC7A',
},
}Custom utilities for glass-morphism (shadow-glow, semi-transparent borders, backdrop-blur) are also defined.
- Fork & clone the repo
- Create a feature branch:
git checkout -b feat/awesome - Commit your changes:
git commit -m "feat: add awesome" - Push & open a PR
Make sure to follow the lint / format rules & keep the prism-green theme consistent.
This project is licensed under the MIT License. See LICENSE for details.