This project involves two distinct user roles: Teachers and Students. Teachers have the ability to create classrooms and design quizzes within those classrooms. Students, on the other hand, can join multiple classrooms and actively participate in the quizzes. It's important to note that students are restricted from switching tabs during quizzes, ensuring that the quiz remains focused, and only the answered questions are recorded.
My goal is to learn more about NextJS with this project.
- Teachers can create a classroom and a quiz (students will receive an email notification whenever a new quiz is added.)
- Teachers can export all student's info into csv.
- Students can join multiple classrooms (based on their subscription) and participate in the quizzes
- Students can only switch tabs once every three lives, and after their allotted lives are used up, the quiz will immediately end.
- Students can use the calendar to view their upcoming quiz or schedules.
- Everyone can make announcements inside their classroom, and everyone will receive an instant email notification.
- Next.js 14
- Tailwind CSS
- ShadcnUI
- MongoDB
- Next Auth v4
- Stripe
- FullCalendar
- SheetJS / XLSX
- Nodemailer / Brevo
- Uploadthing
- Clone the repository:
git clone https://github.com/BulletOnli/quiztwist.git- Navigate to the project directory:
cd quiztwist- Set up the .env.local file:
# MongoDB
MONGO_URI=
# From Next Auth
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET=
# From Google cloud console
GOOGLE_ID=
GOOGLE_SECRET=
# From Stripe
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
STRIPE_WEBHOOK_SECRET=
STRIPE_SECRET_KEY=
# Pro plan price
NEXT_PUBLIC_PRO_PRICE_ID=
# Premium plan price
NEXT_PUBLIC_PREMIUM_PRICE_ID=
NEXT_PUBLIC_SERVER_URL=http://localhost:3000
# From Brevo
SMTP_EMAIL=
SMTP_PASSWORD=
# From Uploadthing
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=To install the required dependencies, use the following command:
npm installTo run the application, execute the following command:
npm run dev