Skip to content

tirth1356/Quizify

Repository files navigation

image

Turn educational content into structured knowledge and quizzes!

Quizify is a smart web app that converts your educational text into organized concepts and generates quizzes automatically. It’s perfect for students, teachers, or anyone who wants to learn efficiently.
(project screenshots in the end)

✨ Hosted live: Quizify on Vercel
🎥 Tutorial video: Ready to watch!

FLOWCHART

image

🔹 Features

  • 🧠 Concept & Question Extraction – Breaks down your educational content into key concepts and stores them like a structured map for easy reference.
  • 📊 Hierarchical Topic Ranking – Organizes topics and subtopics in a clear hierarchy, helping you see the big picture and drill down into details.
  • Smart Quiz Generation – Automatically creates 3–15 questions per topic, with selectable difficulty levels: Easy, Medium, Hard, or Mixed.
  • 📈 Weak Point Analysis – After completing a quiz, highlights the concepts you need to focus on for improvement.
  • ⚡ Fast & Serverless – Generates responses quickly (1.3–8 seconds) on a fully serverless website, no lag, just instant results.

🛠 How It Works

  1. You paste or upload educational content.
  2. The app sends the content to the Groq API, which processes it and extracts key concepts.
  3. Concepts are visualized in a heatmap or hierarchy tree.
  4. You can generate quizzes based on difficulty levels (Easy, Medium, Hard, or Mixed).
  5. Results appear instantly, ready to practice or share!

All AI processing happens serverless, so you don’t need to manage a backend – only the frontend is hosted, but it communicates seamlessly with the Groq API.


📁 File Structure

Quizify/
├─ app/
│ ├─ components/
│ │ ├─ ConceptHeatmap.tsx
│ │ ├─ DifficultySelector.tsx
│ │ └─ HierarchyTree.tsx
│ ├─ page.tsx
│ └─ layout.tsx
├─ public/
├─ styles/
│ └─ globals.css
├─ package.json
├─ tsconfig.json
└─ README.md


🚀 Tech Stack

  • Frontend: Next.js (App Router) + Tailwind CSS
  • AI Processing: Groq API (LLaMA 3.1)
  • Deployment: Vercel
  • Languages: TypeScript & JavaScript
  • State Management: React Hooks

🌟 Why Quizify?

  • Saves time converting notes into quizzes.
  • Makes learning interactive and visual.
  • Lightweight, serverless, and responsive.
  • Great for self-study or classroom use.

❤️ Team

Made with ❤️ by Tirth Patel & Divy Mevada
Enjoy learning smarter with Quizify! 🎉


📓 Project screenshots

image image image image image

About

Quizify by Team Velocity is a serverless AI-powered web application that converts long educational text into structured knowledge and quiz questions automatically.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors