An AI-powered student copilot that syncs with Google Classroom to help students stay on top of assignments, deadlines, and study plans.
- Google Classroom Integration: One-click OAuth sync with Google Classroom
- AI-Powered Assignment Analysis: Automatically organizes and prioritizes assignments
- Today's Focus: Clear daily action plan
- Urgent Work Detection: Never miss a deadline again
- Interactive Dashboard: Beautiful, animated UI with smooth transitions
- Next.js 14 (App Router)
- React 18
- TypeScript
- Tailwind CSS
- Framer Motion (animations)
- NextAuth.js (Google OAuth)
- Lucide React (icons)
-
Install dependencies:
npm install
-
Set up environment variables:
cp .env.example .env.local
Then fill in your Google OAuth credentials from the Google Cloud Console:
GOOGLE_CLIENT_IDGOOGLE_CLIENT_SECRETNEXTAUTH_SECRET(generate with:openssl rand -base64 32)
-
Run the development server:
npm run dev
-
Build for production:
npm run build
- Hero: Powerful headline with dashboard preview
- Pain Points: Student problems this solves
- Benefits: Key features with icons
- How It Works: 4-step process
- Product Preview: Interactive dashboard mockup
- Why Students Love It: Emotional benefits
- Social Proof: Stats, badges, testimonials
- Final CTA: Strong closing call-to-action
- Go to Google Cloud Console
- Create a new project or select existing
- Enable Google Classroom API
- Create OAuth 2.0 credentials
- Add authorized redirect URI:
http://localhost:3000/api/auth/callback/google - Copy credentials to
.env.local
Ready to deploy to Vercel:
npm i -g vercel
vercelMIT