Mad Hat Group Chat

Introduction

Fourth and final project in General Assembly's course 'Web Development Immersive'. This project requirments were building a full stack web application, using React as a front end framework interacting a backend api along with building the database.

Project Description

This web application offers the service of live chatting in more than one chat rooms with the other apps users.

server-side

---

Prerequisites

npm

$ npm install

Run server

$npm start

---

User Stories

Version 1

• User must be able to sign up or sign in using email and password
• User must be able to sign out and change password
• User must be able to join in the chat room and have a nickname
• User must be able to send and recive messages while in the chat room

Version 2

• User must be able to create a chat room with a title
• User must be able to join in a chat room created by them or other users
• User must be able to view thier chatrooms
• User must be able to delete thier chatrooms
• User must be able to send and recive emojis

Wireframes

Technologies

• React.js
• socket.io
• CSS

Demo

• Mad Hat Group Chat

Resourses

• A React component emoji-mart
• Socket.io