Chitchat

A chat application

This project is a practice about a chat site intended for those who want to improve their writing english skills by sharing anecdotes, experiences and ideas with other people in a fun way.

For the time being, the application lets you:

• Sign up by creating a new account.
• Log yourself in.
• Send and receive messages to an unique existing room.
• Access via web, tablet or mobile browser.

Regarding the techs involved in its development, the following tools were used:

• Parcel as a web bundler.
• React as the UI library ( with hooks ).
• CSS grid and Flexbox as layout systems.
• Express and GraphQL as backend.
• MongoDB as data storage.

For further information you can clone the project, this is a screenshot of the application:

How to run it ?

First, as usual clone the repo:

foo@bar:~$ git clone https://github.com/wwleak/chitchat.git

Then install all the dependencies for server and client

foo@bar:~$ npm i && cd client && npm i

And last but not least start the application

foo@bar:~$ npm start && cd client && npm run start

MADE WITH ❤ BY ABRAHAM