Skip to content

VasuS609/Zenora

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

15 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

image# ๐Ÿง  Zenora - AI-Powered Learning Companion

Zenora Logo

Your intelligent study partner that adapts to YOUR learning style

CS Girlies Hackathon Made with React Powered by Gemini Node.js

โœจ Features โ€ข ๐Ÿš€ Quick Start โ€ข [๐Ÿ“ธ Screenshots](Uploading image.pngโ€ฆ )


๐ŸŽฏ The Problem

Students face three critical challenges:

  1. ๐Ÿ“š Passive Learning - Just reading or watching doesn't ensure understanding
  2. โฐ Time Management - Struggling to balance study schedules and stay focused
  3. ๐Ÿค” Self-Assessment - Hard to know if you truly understand a concept until it's too late

Traditional study apps either just provide content OR test you with quizzes. None force you to actually articulate your understanding.


๐Ÿ’ก Our Solution: Zenora

Zenora flips the script on AI learning. Instead of just answering your questions, Zenora asks YOU questions and evaluates your understanding through the Socratic Method - the same technique used by the greatest teachers throughout history.

๐ŸŽฏ What Makes Zenora Different?

Traditional AI Tutors:

You ask โ†’ AI answers โ†’ You read โ†’ You THINK you understand โŒ

Zenora's Approach:

You pick topic โ†’ AI asks YOU questions โ†’ You explain โ†’ AI evaluates โ†’ 
You get feedback โ†’ You ACTUALLY understand โœ…

โœจ Key Features

1. ๐Ÿง  Socratic Learning Mode โญ Our Winning Feature

The first AI tutor that tests your understanding by making YOU explain concepts.

How it works:

  • Pick any topic you want to master
  • AI generates 5 progressive questions (easy โ†’ hard)
  • You type your answer in your own words
  • AI evaluates understanding depth, not just correctness
  • Get personalized feedback with encouragement
  • Earn points based on answer quality
  • See comprehensive summary of strengths & areas to improve

Why it's unique:

  • โœ… Forces active recall - the most effective learning technique
  • โœ… Detects partial understanding - not just right/wrong
  • โœ… Provides constructive feedback with hints
  • โœ… Tracks concept mastery over time

2. ๐Ÿ’ฌ AI Tutor Chat

Ask anything, get clear explanations powered by Google Gemini AI.

Features:

  • Natural conversation flow
  • Step-by-step breakdowns
  • Real-world examples
  • Follow-up question support
  • Chat history saved

3. ๐Ÿ“ Smart Quiz Generator

Generate custom quizzes on any topic with detailed explanations.

Features:

  • Instant quiz creation for any subject
  • Multiple choice with 4 options each
  • Detailed explanations for every answer
  • Real-time scoring with visual feedback
  • Performance tracking

4. โฑ๏ธ Pomodoro Study Timer

Stay focused with customizable study sessions.

Features:

  • Fully customizable durations (study/break/long break)
  • Visual progress indicator
  • Session counter
  • Auto-switch between study and break modes
  • Browser notifications
  • Study time tracking

5. ๐Ÿ“… AI-Powered Schedule Manager

Smart daily planning with priority management.

Features:

  • AI-generated study schedules
  • Manual task addition
  • Priority levels (high/medium/low)
  • Time-based scheduling
  • Progress tracking
  • Task completion analytics
  • Visual progress indicators

6. ๐Ÿ“Š Learning Analytics Dashboard

Track your learning journey with comprehensive stats.

Features:

  • Questions asked counter
  • Quizzes completed
  • Study time logged
  • Topics explored
  • Progress visualization

๐Ÿ› ๏ธ Tech Stack

Frontend

  • React 19.2 - Modern UI library
  • Tailwind CSS - Utility-first styling
  • Lucide React - Beautiful icons
  • Framer Motion - Smooth animations
  • Vite - Lightning-fast build tool

Backend

  • Node.js + Express - Server framework
  • MongoDB + Mongoose - Database
  • Google Gemini AI - LLM for intelligence
  • Axios - HTTP client
  • CORS - Cross-origin support

Key Libraries

  • react-markdown - Render AI responses
  • dotenv - Environment management
  • @radix-ui - Accessible components

๐Ÿš€ Quick Start

Prerequisites

  • Node.js (v16+)
  • MongoDB (local or Atlas)
  • Google Gemini API Key (Get one free)

Installation

1. Clone the repository

git clone https://github.com/yourusername/zenora.git
cd zenora

2. Setup Backend

cd studybuddy-backend
npm install

Create .env file:

GEMINI_API_KEY=your_gemini_api_key_here
MONGODB_URI=mongodb://localhost:27017/zenora
PORT=5000

Start backend:

npm run dev

3. Setup Frontend

cd ../studybuddy-frontend
npm install

Update src/api.js baseURL:

const API = axios.create({
  baseURL: "http://localhost:5000/api",
  withCredentials: true,
});

Start frontend:

npm run dev

4. Open Browser

http://localhost:5173

๐Ÿ“ธ Screenshots

๐Ÿ  Home Dashboard

image *Clean, modern interface with quick access to all features*

๐Ÿง  Socratic Learning Mode

image

๐Ÿ’ฌ AI Chat Interface

image

๐Ÿ“ Quiz Generation

image

โฑ๏ธ Study Timer

image

๐Ÿ“Š Analytics Dashboard

image

๐Ÿ—๏ธ Project Structure

zenora/
โ”œโ”€โ”€ studybuddy-backend/          # Node.js + Express API
โ”‚   โ”œโ”€โ”€ server.js                # Main server with all routes
โ”‚   โ”œโ”€โ”€ .env                     # Environment variables
โ”‚   โ””โ”€โ”€ package.json             # Backend dependencies
โ”‚
โ”œโ”€โ”€ studybuddy-frontend/         # React + Vite app
โ”‚   โ”œโ”€โ”€ src/
โ”‚   โ”‚   โ”œโ”€โ”€ App.jsx              # Main application component
โ”‚   โ”‚   โ”œโ”€โ”€ App.css              # Global styles
โ”‚   โ”‚   โ”œโ”€โ”€ api.js               # API client configuration
โ”‚   โ”‚   โ”œโ”€โ”€ components/          # Reusable components
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ StudyTimer.jsx   # Pomodoro timer
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ ScheduleManager.jsx  # Task scheduler
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ ui/              # UI components library
โ”‚   โ”‚   โ””โ”€โ”€ main.jsx             # App entry point
โ”‚   โ”œโ”€โ”€ index.html               # HTML template
โ”‚   โ”œโ”€โ”€ tailwind.config.js       # Tailwind configuration
โ”‚   โ””โ”€โ”€ package.json             # Frontend dependencies
โ”‚
โ””โ”€โ”€ README.md                    # This file

๐Ÿ”Œ API Endpoints

Socratic Learning

POST   /api/socratic/start          # Start new session
POST   /api/socratic/answer         # Submit answer
GET    /api/socratic/summary/:id    # Get session summary
GET    /api/socratic/history/:user  # User's past sessions

Chat & Quiz

POST   /api/chat                    # Chat with AI tutor
POST   /api/quiz                    # Generate quiz
GET    /api/history/:userId         # Chat history
GET    /api/stats/:userId           # User statistics
POST   /api/explain                 # Detailed explanations

Health

GET    /api/health                  # API health check

๐ŸŽฎ Usage Guide

Starting a Socratic Session

  1. Click "Test My Understanding" tab
  2. Enter topic: "React Hooks" or "Photosynthesis"
  3. Click "Start Test"
  4. Read question carefully
  5. Type your answer in your own words (don't copy-paste!)
  6. Click "Submit Answer"
  7. Review feedback and points earned
  8. Continue through all 5 questions
  9. See final summary with learning insights

Chatting with AI Tutor

  1. Click "AI Tutor" tab
  2. Type your question
  3. Get instant, detailed explanation
  4. Ask follow-up questions
  5. View chat history anytime

Generating Quizzes

  1. Click "Quiz" tab
  2. Enter topic name
  3. Click "Generate Quiz"
  4. Answer all questions
  5. Click "Submit Quiz"
  6. See results with explanations

Using Study Timer

  1. Open timer in sidebar
  2. Customize durations in settings
  3. Click "Start" to begin
  4. Focus during study time
  5. Take breaks when notified
  6. Track total study sessions

๐ŸŒŸ What Makes This Hackathon-Worthy?

Innovation ๐Ÿš€

  • First AI tutor to implement Socratic method at scale
  • Evaluates understanding depth, not just right/wrong answers
  • Combines active learning + AI + gamification

Technical Excellence ๐Ÿ’ป

  • Full-stack MERN application
  • Real-time AI integration with Google Gemini
  • Responsive, modern UI with Tailwind CSS
  • Clean code architecture with component separation
  • RESTful API design

User Impact ๐ŸŽฏ

  • Solves real problem: passive vs active learning
  • Backed by learning science (Feynman technique + Socratic method)
  • Accessible to all students, any topic
  • Immediate feedback loop improves retention

Completeness โœ…

  • Fully functional end-to-end
  • No placeholder features
  • Production-ready code quality
  • Comprehensive documentation
  • Deployed and testable

๐Ÿ“Š Learning Science Behind Zenora

Why Socratic Learning Works

Research shows:

Zenora implements all three:

  1. โœ… Forces active recall by making you explain
  2. โœ… Requires elaboration through open-ended answers
  3. โœ… Provides instant, constructive feedback

๐ŸŽฏ Future Roadmap

Phase 1: Enhanced Intelligence

  • Multi-language support (Hindi, Spanish, French)
  • Voice input/output for accessibility
  • Image analysis for diagram-based learning
  • PDF upload for custom study material

Phase 2: Social Learning

  • Peer comparison leaderboards
  • Study groups and collaboration
  • Share custom quizzes
  • Challenge friends feature

Phase 3: Advanced Analytics

  • Spaced repetition algorithm
  • Weak area identification
  • Personalized learning paths
  • Predictive performance analysis

Phase 4: Monetization

  • Premium AI models (GPT-4, Claude)
  • Unlimited Socratic sessions
  • Advanced analytics dashboard
  • Custom study plans

๐Ÿค Contributing

We welcome contributions! Here's how:

  1. Fork the repository
  2. Create feature branch (git checkout -b feature/AmazingFeature)
  3. Commit changes (git commit -m 'Add AmazingFeature')
  4. Push to branch (git push origin feature/AmazingFeature)
  5. Open Pull Request

๐Ÿ“ License

This project is licensed under the MIT License - see LICENSE file for details.


๐Ÿ™ Acknowledgments

  • Google Gemini - For providing free, powerful AI API
  • CS Girlies - For organizing this amazing hackathon
  • MongoDB - For reliable database solution
  • Vercel - For free hosting
  • The Open Source Community - For incredible tools and libraries

๐Ÿ‘ฅ Team

Solo Developer: Your Name

  • Full-stack development
  • UI/UX design
  • AI integration
  • Documentation

๐Ÿ“ž Contact & Links


๐Ÿ† Hackathon Submission

Hackathon: CS Girlies November 2025
Category: Automate Learning
Submission Date: November 16, 2025
Built With: React, Node.js, MongoDB, Google Gemini AI


โญ If you find Zenora helpful, please star this repository!

Made with โค๏ธ for learners everywhere

[![Star on GitHub](https://img.shields.io/github/stars/yourusername/zenora?style=social)](https://github.com/VasuS609/Zenora)


๐ŸŽ“ Educational Value

Zenora is more than just a study app - it's a teaching tool that implements proven learning methodologies:

  • Bloom's Taxonomy - Moves students from knowledge to evaluation
  • Constructivism - Students construct their own understanding
  • Metacognition - Students reflect on their own thinking
  • Growth Mindset - Encourages improvement through feedback

Perfect for:

  • ๐ŸŽ“ High school & college students
  • ๐Ÿ“š Self-learners & autodidacts
  • ๐Ÿ‘จโ€๐Ÿซ Teachers creating custom assessments
  • ๐Ÿง‘โ€๐Ÿ’ผ Professionals upskilling

๐Ÿš€ Ready to transform your learning? Get started with Zenora today!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published