Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/eiberham/chitchat

:speech_balloon: A chat application
https://github.com/eiberham/chitchat

apollo chat-application chitchat formik parcel-bundler react responsive-design socket-io styled-components

Last synced: 7 days ago
JSON representation

:speech_balloon: A chat application

Awesome Lists containing this project

README

        

# 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:




GitHub code size in bytes
GitHub top language
GitHub last commit
GitHub issues

## How to run it ?

First, as usual clone the repo:

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

Then install all the dependencies for server and client

```console
foo@bar:~$ npm i && cd client && npm i
```
And last but not least start the application

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

MADE WITH ❤ BY ABRAHAM