a frontend for a react chat app
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


React Chat App

I've built a React Chat App.

Feel free to look at it, learn from it, improve them.

Also feel free to contact me

Table of Content


You need Node & npm.

If you cloned it from Github, go into the appropriate directory on your device:

cd folder-name

Install the dependencies:

npm i

and run it:

npm start

If you get some errors:

  • check if you are in the correct folder
  • check if you forgot something (e.g. start instead of npm start)
  • check if you misspelled something (e.g nmp strat instead of npm start)
  • check if you have Node & npm on your system (node -v and npm -v should show something like v10.9.0 or 6.4.0)
  • read the error message & search for it in the www
  • contact me


  1. Fork it
  2. Create your feature branch (git checkout -b feature/your-feature)
  3. Commit your changes (git commit -am 'Add your-feature')
  4. Push to the branch (git push origin feature/your-feature)
  5. Create a new Pull Request


Distributed under the GNU General Public License v3.0 license.


To Do:

  • Create React Skeleton
  • Add CSS Grid
  • Create Component: Chat Window
  • Create Component: Chat Window => Message (User + Text)
  • Create Component: Message Compose Window
  • Submitting Message leads to adding a new Chat Message
  • Create Component: Rooms
  • Create Component: Create Room
  • Create Room leads to adding a new Chat Room