WeChat - React Js Chat App

Project Description

Mainly focused on react js front-end development. I used css for styling. Also, this application used React Context API and redux for state management.

This chat app has basic chat app functionalities such as login, register, reset password, chat, conversation, group call, contact, starred messages, medial, files and links, settings, profile, edit profile, emoji pickers and etc.

You can change theming colors and dark and light modes by clicking settings icon in bottom-left cornaer.

What I used

• React
• MAterial UI
• React Context API
• Redux
• Faker js
• phosphor-react
• Emoji Mart
• React Hook Form
• Yup js
• More...

Requirements

• Basic ReactJs knowledge
• Basic HTML, CSS knowledge

Getting Started

After getting the project files, you need to go the file directory and run

npm install

and after that start the dev server.

npm run start

Tools Used

1. Favicon: Flaticon.com
2. Code Editor: VS Code

---

Happy Coding! 🚀

Website's screenshots

Dark mode