Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brunocarvalhofeitosa/discord-clone
Clone of Discord made with Next.js, Socket.io, Prisma, MySQL, ShadcnUi, LiveKit and TailwindCSS.
https://github.com/brunocarvalhofeitosa/discord-clone
Last synced: 4 days ago
JSON representation
Clone of Discord made with Next.js, Socket.io, Prisma, MySQL, ShadcnUi, LiveKit and TailwindCSS.
- Host: GitHub
- URL: https://github.com/brunocarvalhofeitosa/discord-clone
- Owner: BrunoCarvalhoFeitosa
- Created: 2023-12-05T13:33:17.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2024-04-29T20:55:45.000Z (7 months ago)
- Last Synced: 2024-04-29T22:12:14.731Z (7 months ago)
- Language: TypeScript
- Homepage: https://bruno-carvalho-feitosa-discord-clone.vercel.app
- Size: 89.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Clone completo da aplicação de comunicação/conversa Discord feito com Next.js, Prisma, MongoDB, Clerk, Socket.io, ShadcnUI, LiveKit, UploadThing, Zustand e TailwindCSS. A aplicação possui sistema de autenticação feito com a biblioteca Clerk, sendo possível fazer login através de uma conta do Discord, Google, Twitch ou inserindo um e-mail qualquer que seja válido, a aplicação possui uma homepage idêntica à original e na aplicação em si, é possível criar servidores, compartilhar o link desses servidores com outros usuários, definir usuários como moderadores ou até mesmo removê-los.Também é possível criar canais do tipo texto ondee através do socket.io conseguimos armazenar as mensagens em tempo real de todos os usuários, também é possível criar canais de áudio e vídeo que através da biblioteca LiveKit, temos acesso ao microfone e a câmera do computador e por fim é possível deletar estes canais também.
Sumário
### Sobre o projeto
### Overview
https://github.com/BrunoCarvalhoFeitosa/discord-clone/assets/46093815/cdc8fd4b-6fb5-428f-9fc1-8974e89d8621
### Criação de servidores
https://github.com/BrunoCarvalhoFeitosa/discord-clone/assets/46093815/27152e83-ff0f-4508-ae50-44ad793022cf
### Canal de vídeo
https://github.com/BrunoCarvalhoFeitosa/discord-clone/assets/46093815/bd78c1b7-abcc-44ac-bffa-14ef9ca735db
### Feito com
* [Next.js](https://nextjs.org)
* [React.js](https://react.dev)
* [MongoDB](https://www.mongodb.com/pt-br)
* [Prisma](https://www.prisma.io)
* [TailwindCSS](https://tailwindcss.com)
* [ShadcnUI](https://ui.shadcn.com)
* [LiveKit](https://livekit.io)
* [Socket.io](https://socket.io)
* [Vercel](https://vercel.com)
### Hospedagem
O site está em produção neste link: (https://bruno-carvalho-feitosa-discord-clone.vercel.app).
## Iniciando o projeto
Primeiramente será necessário clonar este projeto em (https://github.com/BrunoCarvalhoFeitosa/discord-clone.git), após o download será necessário abrir este projeto no seu editor e no terminal digitar npm install ou yarn, posteriormente é só rodar em seu terminal o comando npm run dev ou yarn dev, após isso, a página será aberta em seu navegador.
### Pré-requisitos
* npm
```sh
npm install npm@latest -g
```
### Instalação
1. Clone o repositório
```sh
git clone https://github.com/BrunoCarvalhoFeitosa/discord-clone.git
```
2. Instale os pacotes do NPM
```sh
npm install ou yarn
```
3. Inicie o projeto
```sh
npm run dev ou yarn dev
```
## License
Distribuído sob a licença MIT.
## Contato
Bruno Carvalho Feitosa - [GitHub](https://github.com/BrunoCarvalhoFeitosa) - [LinkedIn](https://www.linkedin.com/in/bruno-carvalho-feitosa/)