YoChatGPT

Full Stack Engineer — product UI, chat rooms, MongoDB persistence, ChatGPT integration

Student learning platform with AI chat rooms and interactive sessions—Next.js, Material UI, MongoDB, and ChatGPT API.

Overview

YoChatGPT focuses on structured study chats rather than a single generic bot. Students join rooms and sessions; conversations persist in MongoDB; responses stream from the ChatGPT API into Material UI surfaces.

Problem

Students needed shared, study-oriented AI rooms—not a disposable one-off chatbot without history or structure.

Solution

Shipped a Next.js TypeScript app with MUI, MongoDB-backed rooms/sessions, and ChatGPT API integration for interactive learning chats.

Frontend

Next.js + Material UI for rooms, session views, and streaming chat UX.

Next.js

React

TypeScript

Material UI

Room and session navigation for concurrent student use
Chat UI tuned for streaming tokens without janky list updates
Typed client models for rooms, messages, and session metadata

Backend

Next.js API routes + MongoDB persistence with ChatGPT API calls for completions.

Next.js API routes

MongoDB

ChatGPT API

Persist rooms, sessions, and message history in MongoDB
Prompt/context assembly for study workflows before provider calls
Rate and error handling so failed generations do not corrupt room state

Challenges

Concurrent room state and session consistency
Useful study prompting vs generic chat noise
Streaming responses inside Material UI lists
Reliable conversation persistence in MongoDB

Impact

Live student chat rooms powered by ChatGPT
Interactive learning sessions on a typed Next.js stack
MongoDB-backed history for rooms and sessions

Architecture

Next.js + Material UI

API routes

ChatGPT API

MongoDB

Tech

React

Next.js

TypeScript

Material UI

MongoDB

ChatGPT API