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.
- 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
- 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
- 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
- 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
- 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
- React.js
- CSS
- JavaScript
- 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
backenddirectory). - OpenRouter API - Integrated for AI-powered features like chat and content generation.
- Sign Up - Create your account with email and password
- Explore - Browse public flashcard sets and study groups
- Create - Start making your own study content and flashcards
- Connect - Join groups and engage with the community
- Posts: Share study notes, questions, and insights
- Flashcard Sets: Build comprehensive study aids with multiple cards
- Comments: Engage in discussions and help fellow students
- Bookmark important content for quick access
- Filter your feed by popularity, recency, or bookmarks
- Search for specific topics or content across the platform