GithubHelp home page GithubHelp logo

dontrellthedeveloper / blytz-nextjs-sql Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 438 KB

This Discord Clone was built using Next.js, Tailwind CSS, Zustand, Google Login, Prisma, MongoDB Atlas and Cloudinary.

Home Page: https://blytz.dontrell.dev/servers/1c000a35-9525-43ae-a014-d5340fd7b256/channels/d565a8e3-a964-4da7-bd4f-9087e9c67ebd

TypeScript 97.77% CSS 0.86% JavaScript 1.37%
clerk livekit mysql nextjs13 planetscale prisma react shadcn-ui socket-io tailwindcss typescript uploadthing zustand

blytz-nextjs-sql's Introduction


Logo

Blytz - Live Server & MySQL Chat Application

This Discord Clone was built using Next.js, Tailwind CSS, Zustand, Google Login, Prisma, MongoDB Atlas and Cloudinary.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. Built With
  2. Usage
  3. Clone project

Built With

  • Next
  • React
  • Typescript
  • Socket.io
  • TailwindCSS
  • MySQL
  • PlanetScale
  • LiveKit
  • Zustand
  • Prisma
  • ShadCN
  • Clerk
  • UploadThing

       

Deployment Tools:

This application was deployed using Railway and Route53.

       

  • Railway
  • AWSRoute53

(back to top)

Usage

This is an Discord clone that allows you to create or join a server. If you create a server, you can add channels that will allow users to chat with each other through text, video and audio calls. Each server contains an invite link you can send to anyone that you want to join your server. If you are the owner of the server, you can manage users if someone needs to be removed.

If your server gets cluttered, find channels or users using the search functionality. The users can also direct message each other.

Product Name Screen Shot

Product Name Screen Shot

Product Name Screen Shot

For more examples, please take a look at the application

(back to top)

Clone Project

To get a local copy up and running follow the steps below.

Installation

  1. Clone the repo

    git clone https://github.com/dontrellthedeveloper/blytz-nextjs-sql
  2. Install NPM packages

    npm install 
  3. Enter values in .env file

     NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY={clerk publishable key}
     NEXT_PUBLIC_CLERK_SIGN_IN_URL={clerk signIn url}
     NEXT_PUBLIC_CLERK_SIGN_UP_URL={clerk signUp url}
     NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL={clerk after signIn url}
     NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL={clerk after signUp url}
    
     DATABASE_URL="{mysql connection string}"
    
     UPLOADTHING_SECRET={UploadThing secret}
     UPLOADTHING_APP_ID={UploadThing appID}
    
     LIVEKIT_API_KEY={LiveKit key}
     LIVEKIT_API_SECRET={LiveKit secret}
     NEXT_PUBLIC_LIVEKIT_URL={LiveKit public url}

(back to top)

blytz-nextjs-sql's People

Contributors

dontrellthedeveloper avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.