Welcome to BetterChat: a chat, but a better one. Built using React, Websockets, NodeJS, express, PostgreSQL.
- Upon arriving to the page, a user is prompted to enter a new username.
- The timeline supports new posts by the current logged in users in real-time using Websockets.
- User messages are persisted across multiple page refreshes using an implemented RESTful API and PostgreSQL.
- Every post has a TimeAgo stamp as well as a user's avatar. A click on a message reveals the time and date it was created at.
- Responsive interface effectively scales with the viewport size and supports Mobile UI.
- Error handling used to implement username validation logic.
To start and seed the database,
- Install and run PostgreSQL
- Inside
/server/db/Run$ psql -f seed.db
To start the server, inside the server directory:
- Do
$ npm install - Run
$ node app.js
To start the client, inside the client directory:
- Do
$ npm install - Run
$ npm start
To run tests inside client directory:
- Run
$ npm test - Press
ato run all test