PrepVerse: Academic Analytics Platform

PrepVerse is a modern, data-driven platform designed to help students and parents track academic progress, set goals, and gain insights into their learning journey.

Core Features

• Dynamic Student Dashboard: A centralized hub showing overall progress, daily goals, upcoming tests, and syllabus completion.
• Interactive Progress Grid: A customizable grid to track syllabus completion by subject, chapter, and module.
• Intelligent Question Log: Log every question solved to analyze accuracy by subject and chapter, identifying strengths and weaknesses.
• In-depth Test Analysis: Record mock test results to analyze scores, accuracy, and performance over time.
• Parent-Student Sync: A secure way for parents to view their child's progress in a read-only dashboard, fostering support and encouragement.
• Advanced Goal Setting: Set daily goals and track consistency with a visual heatmap.

---

How to Deploy Your Project to Vercel

This guide will walk you through deploying your Next.js application using GitHub and Vercel.

Step 1: Push Your Code to a GitHub Repository

First, you need to get your project code into a repository on GitHub.

1. Create a new repository on GitHub:

   • Go to GitHub and click the "+" icon in the top-right corner, then select "New repository".
   • Give your repository a name (e.g., prepverse-app).
   • Choose whether to make it public or private.
   • Click "Create repository".

2. Initialize Git in your project folder:

   • In your local project directory, open a terminal and run the command:

     git init -b main

3. Add and commit your files:

   • Stage all your files for the first commit:

     git add .

   • Commit the files:

     git commit -m "Initial commit"

4. Connect your local repository to GitHub:

   • On your new GitHub repository page, copy the remote repository URL. It will look something like https://github.com/your-username/your-repo-name.git.
   • Link your local repository to the one on GitHub by running:

     git remote add origin <YOUR_REPOSITORY_URL>

5. Push your code to GitHub:

   • Push your local main branch to the remote repository on GitHub:

     git push -u origin main

Step 2: Deploy to Vercel

With your code on GitHub, deploying to Vercel is straightforward.

1. Sign up or log in to Vercel:

   • Go to Vercel and sign up for a new account, preferably using your GitHub account for seamless integration.

2. Import your project:

   • From your Vercel dashboard, click "Add New..." and select "Project".
   • The "Import Git Repository" screen will appear. If you've connected your GitHub account, you should see a list of your repositories.
   • Find your new repository (e.g., prepverse-app) and click the "Import" button next to it.

3. Configure your project:

   • Vercel will automatically detect that you're using Next.js and configure most of the build settings for you. You typically don't need to change anything here.
   • Crucially, you need to add your Environment Variables. Expand the "Environment Variables" section.
   • You need to add the keys from your .env file. For this project, you will need to add:
     • NEXT_PUBLIC_SUPABASE_URL: Copy the value from your Supabase project settings.
     • NEXT_PUBLIC_SUPABASE_ANON_KEY: Copy the value from your Supabase project settings.
   • Click "Add" for each variable.

4. Deploy:

   • Click the "Deploy" button.
   • Vercel will now build and deploy your application. You'll see the build logs in real-time. Once it's done, you'll get a URL to your live site.

That's it! Your application will now be live on Vercel. Every time you push a new commit to your main branch on GitHub, Vercel will automatically redeploy the changes for you.