Discord Clone

This project is a clone of Discord web app, created to practice coding skills and try new implementations.

✨ Techs

This project is made using:

• React
• Next.js (v13)
• TypeScript
• Tailwind CSS + Tailwind Animate
• Clerk (Authentication)
• Prisma (Database ORM)
• Zustand (State management)
• Radix UI (Accessible UI primitives)
• Lucide React (Icons)
• UploadThing (File uploads)
• React Hook Form + Zod (Forms & validation)

Getting Started

1. install the dependencies:

npm install

2. add enviroment variables:

• Create your .env file based on the .env.example.
• You'll need to generate publishable and private keys from Clerk.
• You'll need a database url, a good option is Neondb, create a cluster and get the database url.

3. generate the prisma schema and push it

npx prisma generate

npx prisma db push

4. run the development server:

npm run dev

5. run the prisma studio to see the db:

npx prisma studio

Open http://localhost:3000 and http://localhost:5555 with your browser to see the result.

The work on this project is ongoing but feel free to create an issue suggesting improvement, or contact me via email.

🤝 Contributing

Feel free to contribute! If you have ideas for new workflows, improvements, or fixes, please open an issue or submit a pull request.

Author

👤 Nikson Rotondaro

• Website: https://github.com/NRotondaro
• Github: @NRotondaro
• LinkedIn: https://www.linkedin.com/in/nikson-rotondaro/