Chatty App Project

Chatty App Project

Chatty app is a client-side SPA (single-page app) built with ReactJS. Chatty will allow users to communicate with each other without having to register accounts. Users will be assigned as anonymous until a user inputs a new username and press enter. Each users will be assigned a random color to differentiate themselves from other users. A user can post an image by sending an image url through the chat box. A user is also able to posta giphy by typing /giphy searchParamaterGoesHere.

Screenshots

Getting Started

1. Fork this repository, then clone your fork of this repository.
2. Install dependencies using the npm install command.
3. Start the web server using the npm start command. The app will be served at http://0.0.0.0:3000/.
4. Start the websocket server using the npm run socket command.
5. Go to http://0.0.0.0:3000/ in your browser.

Dependencies

• React
• Webpack
• babel-loader
• webpack-dev-server
• UUID
• WS
• randomcolor
• is-img-url
• node-fetch