Skip to content

Latest commit

 

History

27 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

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

About

Chat app built with ReactJS and NodeJS with SocketIO

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages