Git Product home page Git Product logo

chatapp's Introduction

chatApp

ChatApp is a project that we started to get familiar with Websockets and their implementation with Socket.IO.

Issues Pull Requests Forks Stars

The chatApp is hosted using Heroku.


Tech Stack

  1. HTML and CSS
  2. Javascript
  3. Express.js
  4. Socket.IO

For guidelines on how to contribute, check out CONTRIBUTING.md

Setting Up The Project For Development

Check out SETUP.md

Contributors



chatapp's People

Contributors

abhikrishnaram avatar abhis1n avatar amm98d avatar ankitgarg1234 avatar aryanploxxx avatar dawkrish avatar dragoveizen avatar gokul5102 avatar harshitsingh2073 avatar ibkay998 avatar ibnusyawall avatar jaiakash avatar james3gh avatar kossakowskakarolina avatar manthanabc avatar ocidemus avatar osbins avatar primalpimmy avatar rahulsharma4329 avatar sachinmittal1766 avatar saisumanthkumar avatar saurabhbakolia avatar shim1998 avatar shreya-agrawal-2121 avatar shubhranshii avatar snahashisk avatar sushovanb02 avatar tharunbirla avatar tusharpasricha avatar vedantiitkgp avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

chatapp's Issues

Improving the "typing" broadcast

If a user starts typing, the "feedback" div in other clients will displays "{userName} is typing..". Even if the user has stopped typing the "feedback" div still displays the message. I would like to contribute this improvement.

Improve README.md

Add a fitting and verbose description of the chatApp to the README.

Issue is only open for first time contributors to GitHub.

Adding footer

We can add a footer on the webpage containing team details Etc. I want to work on it. Please assign it to me @PrimalPimmy

Create a database for storing messages

Currently, the messages get deleted as soon as the user disconnects. We need to set up a proper database to store all the messages. DMs can be stored later, current focus is to store the current common chat room. Any NoSQL db can be used, like Cassandra, or any of your choice if it's easier.

Stylizing 'search' box

The search box position is currently on the top left and it looks plain.
The position is to be fixed in a good spot on the page and stylized to make it look better.

Fix empty space on right side in chatApp

Horizontal scrollbar below shows a lot of empty space to the right. Empty space needs to be removed so that there's no horizontal bar and everything is perfectly centered on screen.
image

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.