StudyOS – AI Study Platform React

Overview

StudyOS is a premium, full-stack AI-powered study platform built with Next.js 14, Supabase, OpenAI GPT-4o, and Stripe. It transforms the way students learn by combining intelligent tools — AI chat over PDFs, auto-generated notes, smart flashcards, and interactive mind maps — all inside a sleek, dark-themed operating-system-style dashboard.

Login Details:- test@example.com

Pass:- password

( Note:- Some function are not work properly beacuse original api are not configured.)

Key Features

•       AI Chat over PDF — Upload any PDF and ask questions; GPT-4o answers from the document context

•       Smart Notes Generator — One-click AI summarization and structured note creation

•       Flashcard System — Auto-generate Q&A flashcard decks from notes or PDFs

•       Mind Map Visualization — Auto-built interactive mind maps from study material

•       14-Day Free Trial — Stripe-powered trial with seamless upgrade flow

•       6 OAuth Connections — Google, GitHub and more for quick sign-in

•       Team Collaboration — Shared workspaces and collaborative note editing

•       Admin Dashboard — Health monitoring, user management, usage analytics

•       Public REST API — Agency tier with full API access for integrations

•       Dark Premium UI — Glassmorphism design with purple & sage green accent palette

Tech Stack

•       Frontend: Next.js 14 (App Router), TypeScript, Tailwind CSS

•       Backend: Supabase (Auth, PostgreSQL, Storage, Edge Functions)

•       AI: OpenAI GPT-4o for chat, summarization, and flashcard generation

•       Payments: Stripe (subscriptions, trials, webhooks)

•       Cron Jobs: Automated session cleanup and usage resets

Use Cases

•       Students preparing for exams who need to study PDFs and textbooks efficiently

•       Educators building study tools for their students

•       Agencies and SaaS builders wanting a white-label AI study product

•       Developers looking for a production-ready Next.js + Supabase + Stripe boilerplate

Features

Features

•       AI PDF Q&A — GPT-4o answers questions directly from uploaded documents

•       Auto Notes — Generates structured, formatted notes from any content

•       Smart Flashcards — Auto-creates Q&A cards with spaced repetition

•       Mind Maps — Visual concept mapping auto-generated from topics

•       Dashboard OS UI — Multi-panel workspace like a desktop operating system

•       Authentication — Email/password + 6 social OAuth providers (Supabase Auth)

•       Subscription Billing — Stripe with Free Trial, Pro, and Agency tiers

•       14-Day Trial — No credit card required to start

•       Team Workspaces — Invite members, share notes and flashcard decks

•       Admin Panel — User management, health stats, API usage monitoring

•       Public REST API — Full API access for Agency tier customers

•       Cron Automation — Scheduled jobs for cleanup and quota resets

•       Mobile Responsive — Fully responsive on all screen sizes

•       Dark Mode — Premium dark glassmorphism design system

•       Easy Setup — Detailed documentation, one-command environment setup

Requirements

Requirements

•       Node.js 18+ and npm/yarn/pnpm

•       Supabase account (free tier works for development)

•       OpenAI API key (GPT-4o access)

•       Stripe account (for billing and subscription management)

•       A hosting platform: Vercel, Railway, or any Node-compatible host

•       Basic knowledge of Next.js and React (for customization)

Instructions

Instructions / Installation

•       Extract the .zip file to your project folder

•       Copy .env.example to .env.local and fill in your API keys

•       Run: npm install

•       Set up your Supabase project and run the SQL schema from /supabase/schema.sql

•       Configure your Stripe products and webhook endpoint

•       Run: npm run dev to start locally, or deploy to Vercel in one click

•       Full step-by-step documentation included in /docs folder