Diajar

Introduction

"diajar" comes from the Sundanese language which means "belajar" in Indonesian or "learn" in English. The application is made to link between students and teachers in order to simplify when learning. I was inspired by Google Classroom because the application can make it easier for students or teachers to communicate. You could say this is a clone application or a lite version of Google Classroom :)

Features

• Authentication : Users can register and login to the application.
• Create Class : Teachers can create a class and add students to the class.
• Join Class : Students can join a class by entering the class code or class link.
• Create Assignment : Teachers can create an assignment and add it to the class.
• Submit Assignment : Students can submit an assignment to the class.
• Comment : Users can comment on the assignment.
• Multi Teacher : A class can have multiple teachers.

Tech Stack

This application is built with Next.js as its fullstack framework, and is supported by the TRPC library to facilitate typesafe backend code calls. In besides, other Tech stacks include :

• Supabase (Postgresql) as the database
• Upstash (Rate Limiting)
• Cloudinary (Image Upload)
• Vercel (Deployment)

Previews

These are some screenshots of the application.

• Home Page : The home page of the application.

• Class Page : The class page to see the class details and assignments.

• Member Page : The member page to see the class members.

• Sign In Page : The sign in page to input the user's email and password.