French Writing Playground Version 2.0

French Writing Playground Version 2.0

Major rewrite featuring 16 emotion themes, user authentication, dual AI evaluation system (fast/detailed), built-in interactive quizzes, real-time French practice chat with grammar corrections, user connections, personal dashboard, and comprehensive progress tracking. A complete language learning platform, not just a writing tool.

Project Demo

Tech Stack

Next.js 16
React 19.2
TypeScript 5
Tailwind CSS v4
NextAuth.js v4
Supabase (Auth, Database, Realtime, RLS)
OpenAI API (GPT-4.1, GPT-5-mini)
Framer Motion
Zustand
React Hook Form
Zod v4
jsPDF
react-confetti
Lucide React
Vercel
Google OAuth

About This Project

Version 2.0 is a complete architectural rewrite that transforms the French Writing Playground from a simple writing tool into a comprehensive language learning platform. The biggest change? You now have an account. Every writing entry, quiz attempt, and conversation is saved to your personal history, letting you track genuine progress over time. We expanded from 8 to 16 emotion themes, adding Tired, Sleepy, Sad, Hungry, Guilty, Fearful, Angry, and Grateful to better capture the full spectrum of how you might feel while learning. But emotions are just the beginning. The evaluation system got smarter: you always get fast feedback first (GPT-4.1), then you can request detailed analysis (GPT-5-mini) whenever you want deeper insights. Toggle between both evaluations to compare, side-by-side. The quiz system is now built directly into the app. After writing, generate personalized quizzes based on your actual grammar mistakes. Multiple choice questions, fill-in-the-blanks, translations - all tailored to what you need to practice. Review your quiz history, see your scores improve, and track which grammar rules you've mastered. But here's what makes v2.0 really special: you can connect with other learners. Find someone in the public collage whose writing resonates with you, send a connection request, and start chatting in French. Every message gets intercepted by AI before sending - you see corrections, accept or reject them, then send. It's like having a French teacher supervising every conversation, but the corrections are optional. Disable learning mode when you just want to chat freely. The word count requirements are now customizable (10-100 words, with defaults at 10 minimum and 50 maximum) so you can adjust based on your comfort level. We ditched Make.com for evaluations in favor of direct OpenAI API calls (faster, more reliable). User profiles let you set learning goals, track total words written, monitor your longest writing streak, and see your CEFR progression over time. Everything about v2.0 is designed around one question: what if your language learning app actually knew you?

Related Projects

French Writing Playground Version 1.0
Creative
Featured

French Writing Playground Version 1.0

Emotion-driven French learning platform featuring 8 dynamic themes with unique background animations, AI-powered CEFR assessment, real-time grammar correction with detailed explanations, progressive writing celebrations, and a public monthly collage fostering community engagement.

Next.js 16React 19TypeScriptTailwind CSS v4Framer Motion+9
Prisca Onyebuchi - Full-Stack Developer & AI Integration Specialist