Tellygram Chat App

A Real Time Chat App.

Features

• Authentication using username and password
• Private messaging
• Group messaging
• Ability to create private groups
• Ability to delete or leave groups
• Ability to add or remove group participants
• Notification for different events
• Error message handler

Preview

You can see the live website here:

• Backend (Heroku)
• Frontend (Netlify)

Built With

Front-End

• ReactJS
• React Router
• TailwindCSS
• Apollo Client
• Apollo Subscriptions
• Yup
• React Hook Form
• React Custom Scrollbars
• Date-fns

Back-End

• Apollo Server
• Sequelize
• PostgreSQL
• JWT
• GraphQL
• Bcrypt.js

Installation

Back-End

1. Make sure you have PostgreSQL and NodeJS locally installed on your machine.

2. Install all the dependencies.

   cd server
   npm install
   

3. Create .env file in Server directory.

   PORT = 4000
   JWT_SECRET = "your jwt secret"
   

4. Migrate and seed the SQL tables to your local database.

   npm run migrate
   npm run seed
   

5. Edit the config file to match your local database credentials.

6. Run the sever.

   npm run dev
   

Front-End

1. Install all the dependencies.

   cd client
   npm install
   

2. Edit the client file to match the server URLs. In production, change them from localhost to the deployed server URLs.

   const http = 'http://localhost:4000'
   const ws = 'ws://localhost:4000/graphql'
   

Updates

These are few upcoming updates that I have planned to provide in the future.

• Responsive layout
• PWA Support
• Ability to update group names
• Encryption of messages
• Tenor GIF support