Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/eiberham/chitchat
- Owner: eiberham
- License: mit
- Created: 2019-08-16T03:30:09.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T21:58:20.000Z (about 2 years ago)
- Last Synced: 2024-11-07T18:31:01.929Z (about 2 months ago)
- Topics: apollo, chat-application, chitchat, formik, parcel-bundler, react, responsive-design, socket-io, styled-components
- Language: JavaScript
- Homepage:
- Size: 14.6 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 29
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Chitchat
A chat applicationThis 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:
```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