This is a Next.js project bootstrapped with create-next-app.

Environment Variables

Create a .env.local file in the root directory with the following variables:

# Firebase Configuration (required for authentication and database)
NEXT_PUBLIC_FIREBASE_API_KEY=your_firebase_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_firebase_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_firebase_app_id
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=your_firebase_measurement_id

# JDoodle API (required for C compiler functionality)
NEXT_PUBLIC_JDOODLE_CLIENT_ID=your_jdoodle_client_id
NEXT_PUBLIC_JDOODLE_CLIENT_SECRET=your_jdoodle_client_secret

Note:

• The C Compiler requires JDoodle API credentials to function. Sign up at JDoodle to get free API credentials (200 requests/day on the free tier).
• The Web Playground (HTML/CSS/JS) and SQL Practice Lab work client-side and do not require any API keys.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.