ramkumarmn/hub_frontend

This repository holds the browser-facing side of CixioHub, a web application built with Next.js 14. It provides four main screens: a chat interface for talking with an AI assistant, a document manager for uploading and organizing files, a to-do list, and a user profile page. The code is written in TypeScript, which helps catch mistakes before the app runs. The chat screen is the core of the product. When you send a message, the app connects to a backend server and receives the AI reply word by word in real time, rather than waiting for the full answer before displaying anything. The response is rendered as formatted text, with code samples shown in highlighted blocks that include a copy button. Document uploads support PDFs, Word documents, plain text files, and images. You can drag files directly onto the upload zone and see a progress bar while they upload. The document list shows each file's name, size, type, upload date, and whether the server has finished processing it. Authentication uses a two-token system. When you log in, the app stores a short-lived access token in memory and a longer-lived refresh token in the browser's local storage. Every API request automatically includes the access token in its header. If the server responds that the token has expired, the app silently fetches a new one and retries the original request without interrupting you. The project includes a Dockerfile for packaging the app as a production container. It expects a separate backend server to be running (documented in a sibling repository called backend). Environment configuration is minimal: you supply the backend URL and an optional display name.