Chat app (Slack)

Description

This app is Slack chat clone (a very simplified version).

Implemented features

• Signup and login(JWT token)
• Real-time messaging and channels CRUD(axios, websockets using socket.io)
• Notifications and errors view(react-toastify)

Stack

• ReactJS
• React Bootstrap
• Redux Toolkit
• React Router DOM
• React Toastify
• axios
• i18next
• Formik
• Yup
• Websockets(socket.io)
• Rollbar

Learned Skills

• React (with Hooks): building modern React applications using hooks
• State Management Redux Toolkit: mnaging application-wide state using Redux Toolkit
• REST API Interaction: interacting with RESTful APIs, making HTTP requests, and handling responses
• WebSockets: working with WebSockets for real-time communication
• Client-Side Routing: implementing client-side routing with React Router
• Authorization and Authentication: managing user authentication and authorization processes
• Deployment: deploying React applications to production environments
• State Management Redux Toolkit: Managing application-wide state using Redux Toolkit
• Form Management: handling complex form logic, validation, and state management using Formik
• Layout with React-Bootstrap: building responsive layouts using Bootstrap components within React via React-Bootstrap
• Error catching, handling and monitoring with Rollbar: catchng and handling errors within application, monitoring and tracking production errors using Rollbar

Installation

git clone https://github.com/akivonen/chat-app.git
#Install dependencies
make install
#Run
make start