✨ Slack App (Click to see live version)

A ReactJS web application that allows users to communicate to another user or a group.

• Utilized Axios to implement an async function so users can create a channel, add members, send, and receive direct messages.
• Built a search bar using Array filter and Array map method so users can search for channels and channel members.
• Displayed avatars beside channel and user’s name by utilizing DiceBear avatar library.
• Designed a loader that matches the Slack App using CSS animations.
• Implemented dynamic routing using React Router DOM.

Sources:

• ReactJS Documentation
• Slack App API Documentation
• Slack App API Documentation (Github)
• DiceBear Avatar Library