Overview

In today’s world, digital connection influences all areas of our lives, and education offers great opportunities for improvements. GitAns is an educational social networking platform that aims to redefine the way students learn, collaborate, and share knowledge. Through technology and community, GitAns allows learners to take charge of their own learning process and transcend conventional classroom boundaries.

Features

• Real-time messaging using Socket.io
• Send attachments as messages using UploadThing
• Delete & edit messages in real time for all users
• Create text, audio, and video call channels
• 1:1 conversation between members
• 1:1 video calls between members
• Member management (kick, role change: Guest / Moderator)
• Unique invite link generation & full working invite system
• Infinite loading for messages in batches of 10 (tanstack/query)
• Server creation and customization
• Beautiful UI using TailwindCSS and ShadcnUI
• Full responsiveness and mobile UI
• Light / dark mode
• Websocket fallback: polling with alerts
• ORM using Prisma
• MySQL database using Planetscale
• Authentication with Clerk

Prerequisites

• Node version 21.x.x

Cloning the Repository

git clone https://github.com/medtty/GitAns.git

Install Packages

npm i

Setup .env File

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=

DATABASE_URL=
# Connect to Supabase via connection pooling with Supavisor.
DATABASE_URL=
# Direct connection to the database. Used for migrations.
DIRECT_URL=

UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

LIVEKIT_API_KEY=
LIVEKIT_API_SECRET=
NEXT_PUBLIC_LIVEKIT_URL=

Setup Prisma

Add MySQL Database (e.g., SupaBase)

npx prisma generate
npx prisma db push

Start the App

npm run dev

Contact

If you have any questions or feedback, feel free to reach out to us:

• Medtty ✦ email
• Moskanor ✦ email