FlashLearn Frontend 🧠📱

FlashLearn is a modern, AI-powered flashcard web application that helps users learn new vocabulary efficiently across English, Mandarin, and French. This repository contains the frontend, built with Next.js 14 and Tailwind CSS, featuring full PWA support for mobile use.

---

✨ Features

• 🔤 Generate flashcards with translation, grammar notes, example usage, phonetics, and part of speech
• 🌐 Supports English, Mandarin, and French vocabulary creation
• 🗂️ Organize flashcards into folders by topic or language
• 🔒 Authentication with NextAuth.js
• 📱 Installable as a Progressive Web App (PWA) on mobile devices
• ☁️ Deployed seamlessly with Vercel

---

🛠 Tech Stack

• Next.js 14 (App Router, TypeScript)
• Tailwind CSS with shadcn/ui components
• NextAuth.js for secure user authentication
• Service Workers + manifest for full PWA support
• Vercel for deployment

---

🚀 Getting Started

Clone the repo and run the development server:

npm install
npm run dev

---

Open http://localhost:3000 in your browser to view the app.

📦 Deployment

This app is optimized for deployment on Vercel.

To deploy:

1. Push your changes to the main branch
2. Connect the repo to vercel.com
3. It will auto-deploy on every commit