DEVELOPMENTMove 02 · Nf3 · 2024
LIVE —:—:—
SigmaGPT
AI Chat Application
A premium full-stack AI chat app powered by OpenAI GPT-4o-Mini, featuring multi-threaded conversation persistence, MRU thread sorting, and a dark glassmorphic UI built with React and Tailwind CSS.
★ Position Gained
Delivered a containerised AI workspace with MongoDB-backed chat persistence, intelligent thread management, and a modern responsive UI. The app is fully dockerised for frontend/backend deployment and optimised for long-form chat sessions.
Pieces in Play
ReactViteTailwind CSSNode.jsExpressMongoDBOpenAIDockerNginx
⚔ Complications on the Board
- Built real-time conversation persistence using MongoDB Atlas and an intelligent thread sidebar.
- Designed a premium dark dim UI with glassmorphism and responsive layout for mobile, tablet, and desktop.
- Integrated OpenAI GPT-4o-Mini for contextual AI responses while keeping backend and frontend deployment isolated via Docker.
✦ Post-Game Analysis
- Use MRU sorting to keep active AI threads visible and improve chat workflow organization.
- Docker Compose simplifies multi-service local development for frontend, backend, and reverse proxy routing.
- Separation of concerns between React frontend and Express backend makes API integration and deployment cleaner.
Use ← / → to traverse · Esc to return