https://github.com/tylergeorges/echochat

A Discord Clone | Powered by Next.js, Supabase, React-Query
https://github.com/tylergeorges/echochat

chat-application discord discord-clone drizzle-kit drizzle-orm nextjs react-query real-time supabase tailwindcss typescript

Last synced: 8 months ago
JSON representation

A Discord Clone | Powered by Next.js, Supabase, React-Query

• Host: GitHub
• URL: https://github.com/tylergeorges/echochat
• Owner: tylergeorges
• Created: 2024-08-06T23:00:26.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-09-10T19:14:36.000Z (about 1 year ago)
• Last Synced: 2024-09-28T10:42:47.154Z (about 1 year ago)
• Topics: chat-application, discord, discord-clone, drizzle-kit, drizzle-orm, nextjs, react-query, real-time, supabase, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://echochat.vercel.app
• Size: 3.03 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


Echo Chat

  

  

![cntr](https://img.shields.io/github/contributors/tylergeorges/echochat?color=pink&style=for-the-badge)

![pullreQ](https://img.shields.io/github/issues-pr/tylergeorges/echochat?color=orange&style=for-the-badge)

![comt](https://img.shields.io/github/last-commit/tylergeorges/echochat?style=for-the-badge)

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://choosealicense.com/licenses/mit/)


![frk](https://img.shields.io/github/forks/tylergeorges/echochat?style=flat-square)

![str](https://img.shields.io/github/stars/tylergeorges/echochat?style=flat-square)

![deploy](https://img.shields.io/website?down_color=red&down_message=down&style=flat-square&up_color=succes&up_message=up&url=https%3A%2F%2Fechochatr.vercel.app)



**Echo Chat | A Real Time Discord Clone Application Powered by Next.js, Supabase, React Query** This project reimagines discord, while keeping features such as real-time communication using a modern tech stack.

 


 


    View Demo

      .

    Report Bug

     .

    Request Feature

















![Echo Chat landing preview](echochat-landing.png)




### Built With

- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

- ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

- ![Tailwind](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

- ![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white)

- ![Supabase](https://shields.io/badge/supabase-black?logo=supabase&style=for-the-badge)

- ![Drizzle](https://img.shields.io/badge/Drizzle-C5F74F?logo=drizzle&logoColor=000&style=for-the-badge)

## Features

- 🔒 **Authentication + Google Auth** With **Supabase**

- 📱 **Real-time** messaging using Supabase

- 🎉 **Create Guilds** and invite your friends

---

- 🔍 **Join your friends** guilds

- 🚀 **Optimistic Updates** for instant user feedback and improved UX

- 🎊 **Responsive Design**

## Getting Started

First, run the development server:

1. Clone or Fork the repo

   ```sh

   git clone https://github.com/tylergeorges/echochat.git

   cd ./your_project

   ```

2. Install Dependencies

   ```sh

   pnpm install

   ```

3. rename `.env.example` file to `.env`

4. Start the server

   ```sh

   pnpm dev

   ```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

## Contributing

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!

1. Fork the Project

2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)

3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)

4. Push to the Branch (`git push origin feature/AmazingFeature`)

5. Open a Pull Request