gui.do
Sifa Web#
Frontend for the Sifa professional network -- portable profiles, verifiable track records, accessible by default.
Overview#
The frontend for the Sifa professional network. Renders professional profiles, endorsement workflows, professional graph navigation, and career timelines. Communicates with the sifa-api backend via REST API. Supports six languages out of the box.
Tech Stack#
| Component | Technology |
|---|---|
| Framework | Next.js 16 / React 19 / TypeScript (strict) |
| Styling | TailwindCSS |
| Components | shadcn/ui (Radix primitives) |
| Colors | Radix Colors (12-step system) + Flexoki (accent hues) |
| Icons | Phosphor Icons |
| i18n | next-intl (en, nl, de, fr, es, pt) |
| Testing | Vitest + vitest-axe |
| Accessibility | WCAG 2.2 AA |
Quick Start#
Prerequisites: Node.js 25+, npm, sifa-api running.
git clone https://github.com/singi-labs/sifa-web.git
cd sifa-web
npm ci
npm run dev
Open http://localhost:3000 to view in the browser.
Development#
npm test # Run all tests
npm run build # Production build
npm run lint # ESLint
npm run typecheck # TypeScript strict mode
npm run format # Format with Prettier
See CONTRIBUTING.md for branching strategy, commit format, and code review process.
Key standards:
- TypeScript strict mode (no
any, no@ts-ignore) - WCAG 2.2 AA accessibility
- Conventional commits enforced
Related Repositories#
| Repository | Description | License |
|---|---|---|
| sifa-api | AppView backend (Fastify, AT Protocol) | Source-available |
| sifa-lexicons | AT Protocol professional profile schemas | MIT |
| sifa-deploy | Docker Compose + Caddy deployment config | Source-available |
| sifa-workspace | Project coordination and issue tracking | Source-available |
Community#
- Website: sifa.id
- Discussions: GitHub Discussions
- Issues: Report bugs
License#
Source-available -- Public repository, proprietary license. Lexicon schemas and import tools are MIT-licensed.
See LICENSE for full terms.
Made with ♥ in 🇪🇺 by Singi Labs