Skip to content

Chat app built with ReactJS and NodeJS with SocketIO

Notifications You must be signed in to change notification settings

feMoraes0/chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chat App

You can find all the project specifications here

Tier: 3-Advanced

Real-time chat interface where multiple users can interact with each other by sending messages.

As a MVP(Minimum Viable Product) you can focus on building the Chat interface. Real-time functionality can be added later (the bonus features).

User Stories

  • User is prompted to enter a username when he visits the chat app. The username will be stored in the application
  • User can see an input field where he can type a new message
  • By pressing the enter key or by clicking on the send button the text will be displayed in the chat box alongside his username (e.g. John Doe: Hello World!)

Bonus features

  • The messages will be visible to all the Users that are in the chat app (using WebSockets)
  • When a new User joins the chat, a message is displayed to all the existing Users
  • Messages are saved in a database - *adapted to local variable on NodeJS server

Print

Useful links and resources

How to use

# Clone this repository
$ git clone https://github.com/feMoraes0/chat-app.git

# Go into the repository
$ cd chat-app

# Move server out
$ mv ./backend ../

# Go into the repository
$ cd ../backend

# Install server dependencies
$ npm install

# Run the server
$ npm start

# Open a new terminal and go into the chat-app folder again

# Go into the frontend folder
$ cd frontend

# Install dependencies
$ npm install

# Run the app
$ npm start

Contact

Releases

No releases published

Packages

No packages published