Discord Clone

Note: The deployment of this project is currently unavailable due to the limitations of free service plans.

The main goal of this project was to learn the fundamentals of NextJS, folders routing system, reusable components, databases, api endpoints, SocketIO and more. I did this project in the course of Code with Antonio.

Technologies used:

Nextjs

Prisma

Typescript

Socketio

React

Tailwind

What did I learn with this project?

- How to make an App with NextJS

- How folder routing system works

- How to create, connect and update a database using Prisma.

- Implement OAuth 2.0 with Clerk, allowing to sign in with GitHub, Google, etc.

- How to do a robust project code structure.

- Create dynamic routes with NextJS.

- Use Uploadthing to let users update their pics and upload images.

- Create a Real Time chat with Socket.IO.

- Implement Video and Audio streaming with Livekit.

What interesting things can I find in this project?

- Text, Audio, and Video channels like in the real Discord app.

- Create and manage your own servers and channels.

- Private chat with your friend.

Improvements and ideas

- Faster charge between pages using a faster service