Cybersecurity-Projects/PROJECTS/advanced/encrypted-p2p-chat/frontend
dependabot[bot] 86128cd1a1
chore(deps-dev): bump vitest
Bumps [vitest](https://github.com/vitest-dev/vitest/tree/HEAD/packages/vitest) from 2.1.9 to 4.1.0.
- [Release notes](https://github.com/vitest-dev/vitest/releases)
- [Changelog](https://github.com/vitest-dev/vitest/blob/main/docs/releases.md)
- [Commits](https://github.com/vitest-dev/vitest/commits/v4.1.0/packages/vitest)

---
updated-dependencies:
- dependency-name: vitest
  dependency-version: 4.1.0
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
2026-06-02 11:15:51 +00:00
..
public/assets fix(encrypted-p2p-chat): apply audit findings — true E2EE, session auth, spec-correct crypto 2026-04-29 02:30:10 -04:00
src fix(encrypted-p2p-chat): apply audit findings — true E2EE, session auth, spec-correct crypto 2026-04-29 02:30:10 -04:00
.gitignore Phase 1.1: Organize PROJECTS by difficulty level 2026-01-29 02:41:15 -05:00
.npmrc fix: pin pnpm to v10 in CI and add .npmrc to all frontend projects 2026-05-08 05:46:38 -04:00
.prettierignore Phase 1.1: Organize PROJECTS by difficulty level 2026-01-29 02:41:15 -05:00
.prettierrc Phase 1.1: Organize PROJECTS by difficulty level 2026-01-29 02:41:15 -05:00
README.md Phase 1.1: Organize PROJECTS by difficulty level 2026-01-29 02:41:15 -05:00
biome.json issue 77 2026-02-18 18:53:15 -05:00
eslint.config.js issue 77 2026-02-18 18:53:15 -05:00
index.html Phase 1.1: Organize PROJECTS by difficulty level 2026-01-29 02:41:15 -05:00
package.json chore(deps-dev): bump vitest 2026-06-02 11:15:51 +00:00
pnpm-lock.yaml chore(deps-dev): bump vitest 2026-06-02 11:15:51 +00:00
tsconfig.json Phase 1.1: Organize PROJECTS by difficulty level 2026-01-29 02:41:15 -05:00
vite.config.ts fix(encrypted-p2p-chat): apply audit findings — true E2EE, session auth, spec-correct crypto 2026-04-29 02:30:10 -04:00

README.md

Encrypted P2P Chat - Frontend

SolidJS frontend with Vite, TypeScript, and Tailwind CSS v4.

Requirements

  • Node.js 20.19+ or 22.12+ (required for Vite 7)

Tech Stack

  • SolidJS 1.9.10 - Fine-grained reactivity
  • TypeScript 5.9 - Type safety
  • Vite 7 - Build tool (ESM only, requires Node 20.19+)
  • Tailwind CSS v4.1 - Utility-first CSS (stable release)
  • @solidjs/router - Client-side routing
  • @tanstack/solid-query 5.90 - Data fetching and caching
  • nanostores 1.1 - State management

Development

npm install
npm run dev

Frontend runs on http://localhost:3000

Build

npm run build

Output in dist/ directory.

SolidJS Routing

Unlike React Router, SolidJS uses:

  • <A> component for navigation (not <Link>)
  • useNavigate() for programmatic navigation
  • useParams() for route parameters
  • useSearchParams() for query parameters

Environment Variables

Copy .env.example to .env and configure:

  • VITE_API_URL - Backend API URL
  • VITE_WS_URL - WebSocket URL
  • VITE_RP_ID - WebAuthn Relying Party ID