WhatsApp Web UI built with React, TypeScript, and Styled-Components.
To run the application, follow these steps:
- Clone this repository to your local machine
- Open the terminal and navigate to the project directory
- Run
npm installto install the dependencies - Run
npm startto start the application
The common code which can be reused in multiple parts of the application can be found in the common folder. This includes components, hooks, themes, and types.
The pages folder contains the main pages of the application, such as the chat list and chat window.
The routes folder contains the routes for the application.
The application supports both light and dark themes. The theme state is managed using the Context API, which can be found in the common/themes folder. If you want to customize the existing theme, you can adjust the light and dark themes according to your needs.
You can add new theme as well. Its very easy to setup. Just create a new file and define all the Theme Properties and then switch that theme in the AppThemeProvider. That's it.
If you would like to contribute to this project, you can clone the repository and make your changes. Before pushing your changes, make sure to run npm run lint to check for any linting issues. If any issues are found, you can run npm run prettier to fix them.
If you find this project useful or would like to support my work, you can buy me a coffee here. Your contribution will help me continue to improve this project and create new ones in the future.
You can also show your support by giving this repository a star on GitHub. This will help more people discover and use the project, and let me know that you find it useful. To star the repository, simply click the "Star" button at the top of the page.