- A communicate platform that allows users to communicate with each other via text, voice chat and video call for multiple purposes such as gaming, learning, and many more.
- This project has been developed in around 1 month.
-
Nguyễn Thành Dũng - LostArrows27:
- Authentication
- Make database schema
- Create server, invite to server
- Manage server member, channel
- Create text, voice, video channel
-
Nguyễn Nhật Minh - Minhnhat0408:
- initial modal, server creation modal
- Sidebar
- Realtime message with socket.io
- Video, audio chat with Livekit
- Front End:
- Framework: NextJS, ReactJs
- Library: TailwindCSS, Typescript, Prisma, Livekit, Uploadthing
- Back End:
- Authentication: ClerkJS
- Database: MySQL
- Hosting:
- Front End: Vercel
- Back End: PlanetScale
- File: UploadThing
- Database: PlanetScale
- Login with Google, Discord or email using Clerk
- Create server, manage server, member and channel
- Chat group, chat directly with member
- Voice chat, video call with other
- Invite member to servers
Demo website available at Aratame Discord
- Fork this project
- Create a new MySQL database on PlanetScale
- Create your application to authentication on Clerk
- Create your application on UploadThing and LiveKit
- Create the
.env.local
file and add these variables that missing below
- Default the
NEXT_PUBLIC_SITE_URL
ishttp://localhost:3000
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=s
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
DATABASE_URL=
PLANETSCALE_USERNAME=
PLANETSCALE_PASSWORD=
PLANETSCALE_PASSWORD_HASH=
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=
LIVEKIT_API_KEY=
LIVEKIT_API_SECRET=
NEXT_PUBLIC_LIVEKIT_URL=
NEXT_PUBLIC_SITE_URL=
- Run these command and open
localhost:3000
in your browser
npm install ; npm run dev
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt
for more information.
Nguyễn Nhật Minh - @Minhatt048 - kurominhnhat@gmail.com
Nguyễn Thành Dũng - @LostArrows27 - thelastofus2isnuts@gmail.com
Project Link: https://github.com/LostArrows27/aratamete-discord