Chat Users screen

Develop a fully functional filterable chat screen

• React App: https://chat-app-me6tkjtz8.vercel.app/

Project Setup

Project stack:

• Create-React-App

Prerequisities

yarn
npm

Install and Run in Local

Note: Use 'yarn' rather than 'npm

Install dependencies

yarn

yarn start
yarn storybook

scripts

• yarn start - run app in dev mode
• yarn build - build app in dev mode
• yarn storybook - run storybook for react app
• yarn build-storybook - build storybook for react app
• yarn lint - run lint
• yarn lint:fix - run lint with --fix ...

Storybook for component build

yarn storybook

Features

• Filter users (search input)
• Add user to conversation group (chat plus button)
• Filter conversation and users by conversation type (Dropdown)
• Flag selected user (Follo up button)
• Conversation can be selected
• Star icon can be toggled

Code standard

• React Airbnb code standard
• Prettier

Built With

• React - React.JS

Authors

License

MIT