Skip to content

README.md

Latest commit

 

History

History
80 lines (56 loc) · 3.22 KB

README.md

File metadata and controls

80 lines (56 loc) · 3.22 KB

🌟 StudySphere

A Learning Hub for Students and Educators

StudySphere is a cutting-edge, full-stack learning platform that revolutionizes how students and educators create, explore, and share study content. Built with modern web technologies and featuring a sleek, glassmorphism-inspired design, StudySphere combines social learning with AI-powered tools to create the ultimate study experience.

✨ Key Features

📚 Content Management

  • Smart Post System - Create, edit, and organize study posts with rich content support
  • Interactive Flashcard Sets - Build and share public flashcard collections
  • AI Quiz Generation - Transform flashcards into intelligent quizzes automatically
  • Content Bookmarking - Save and organize your favorite study materials

🤝 Social Learning

  • Study Groups - Join topic-based communities for collaborative learning
  • Real-time Discussions - Engage with posts through comments and voting
  • Content Sharing - Discover and share study materials across the platform
  • User Profiles - Track your learning journey and contributions

🔍 Discovery & Navigation

  • Advanced Search - Find content instantly with smart search functionality
  • Content Filtering - Sort by popularity, recency, or bookmarked items
  • Topic Organization - Browse content by academic subjects and topics
  • Responsive Design - Seamless experience across all devices

🎨 Modern User Experience

  • Dark/Light Mode - Toggle between themes for comfortable studying
  • Smooth Animations - Polished micro-interactions and transitions
  • Mobile-First Design - Optimized for mobile, tablet, and desktop

🔐 Security & Authentication

  • Secure Authentication - Powered by Supabase Auth with email/password support
  • User Permissions - Granular control over content creation and access
  • Data Protection - Enterprise-grade security for all user data

🛠️ Tech Stack

Frontend

  • React.js
  • CSS
  • JavaScript

Backend & Database

  • Supabase:
    • PostgreSQL Database - For relational data storage.
    • Supabase Auth - For user authentication and management.
    • Supabase Edge Functions - Serverless functions written in Deno/TypeScript (e.g., for user account deletion).
  • Node.js with Express.js - Used for a dedicated backend server component (as seen in the backend directory).
  • OpenRouter API - Integrated for AI-powered features like chat and content generation.

📖 Usage Guide

Getting Started

  1. Sign Up - Create your account with email and password
  2. Explore - Browse public flashcard sets and study groups
  3. Create - Start making your own study content and flashcards
  4. Connect - Join groups and engage with the community

Creating Content

  • Posts: Share study notes, questions, and insights
  • Flashcard Sets: Build comprehensive study aids with multiple cards
  • Comments: Engage in discussions and help fellow students

Managing Your Study Materials

  • Bookmark important content for quick access
  • Filter your feed by popularity, recency, or bookmarks
  • Search for specific topics or content across the platform