This is a code bundle for Glassmorphic Design Implementation. The original project is available at https://www.figma.com/design/OC2eHIxAZD8DTRXPVWIJ6V/Glassmorphic-Design-Implementation.
Run npm i to install the dependencies.
Run npm run dev to start the development server.
The embedded IBM chat requires an auth token. This repo includes a minimal local server that issues RS256-signed JWTs as described in the included security guide.
- Create a folder at the project root named
wxo_security_configand place these files inside:
client_private_key.pem– your client private key for signingibm_public_key.pem– the IBM public key used to encryptuser_payload
- Start the JWT server:
npm run start:jwt- It listens on http://localhost:3003 and exposes
GET /createJWT?user_id=...
- Run the app with
npm run devand open http://localhost:3000. The frontend will fetch a JWT from the local server before initializing the chat. If the local server is unavailable, it will fall back to IAM if configured by env vars.
Notes:
- Keys are hot-loaded; replacing the PEM files does not require a server restart.
- CORS allows http://localhost:3000 and http://localhost:3001 by default.