Git Product home page Git Product logo

chatwave's Introduction

ChatWave: Real-Time Chat App: React.js, Socket.io, JWT-Auth, Shadcn UI, MongoDB, Node.js, Express.js, Tailwind

Chatwave is a Fullstack chat application. built using React.js, Socket.io, JWT-Auth, Shadcn UI, MongoDB, NOde.js, Express.js, Tailwind. User can communicated with each other in real-time and can share all kind of media ( Including Video, Image, Audio, Files ).

image image

Key Features:

  • Real-Time Chat Application
  • Multimedia Upload ( Includind Video, Image, Audio, Files )
  • JWT Authentication
  • Online status Update
  • Hosting using Firebase and Render.com

Cloning the repository

git clone https://github.com/Omkar-kamble82/ChatWave.git

Install packages

npm i

Setup .env file

frontend:
VITE_SERVER_AUTH_URI=
VITE_REACT_APP_API_KEY=
VITE_REACT_APP_AUTH_DOMAIN=
VITE_REACT_APP_PROJECT_ID=
VITE_REACT_APP_STORAGE_BUCKET=
VITE_REACT_APP_MESSAGING_SENDER_ID=
VITE_REACT_APP_APP_ID=

server:
MONGO_URI=
PORT=
NODE_ENV=
CLIENT=
JWT_SECRET=

Start the app

npm run dev

Deploy app on firebase

firebase init

npm run build

firebase deploy

Available commands

Running commands with npm npm run [command]

command description
dev Starts a development instance of the app
build Build frontend app

chatwave's People

Contributors

omkar-kamble82 avatar

Stargazers

Siddhesh Khandagale avatar avatar Bhakti avatar avatar Jutika Patil 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.