{"id":29142365,"url":"https://github.com/jazimabbas/whatsapp-web-ui","last_synced_at":"2025-08-02T00:33:38.250Z","repository":{"id":296130015,"uuid":"603352595","full_name":"jazimabbas/whatsapp-web-ui","owner":"jazimabbas","description":"UI for WhatsApp Web, a project aimed at providing users with an interface that closely resembles the popular messaging application.","archived":false,"fork":false,"pushed_at":"2023-03-12T08:02:17.000Z","size":1990,"stargazers_count":38,"open_issues_count":0,"forks_count":25,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-30T19:52:55.779Z","etag":null,"topics":["chatapp","chatapp-ui","whatsapp-react","whatsapp-ui","whatsapp-web","whatsapp-web-clone"],"latest_commit_sha":null,"homepage":"https://whatsapp-web-ncp1ltpt1-jazim-abbas.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jazimabbas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-02-18T08:46:54.000Z","updated_at":"2025-06-22T03:16:59.000Z","dependencies_parsed_at":"2025-05-29T04:44:50.054Z","dependency_job_id":"16b87f34-05ea-4619-a745-05ac890b9fcb","html_url":"https://github.com/jazimabbas/whatsapp-web-ui","commit_stats":null,"previous_names":["jazimabbas/whatsapp-web-ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jazimabbas/whatsapp-web-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jazimabbas%2Fwhatsapp-web-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jazimabbas%2Fwhatsapp-web-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jazimabbas%2Fwhatsapp-web-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jazimabbas%2Fwhatsapp-web-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jazimabbas","download_url":"https://codeload.github.com/jazimabbas/whatsapp-web-ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jazimabbas%2Fwhatsapp-web-ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268317822,"owners_count":24231428,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-01T02:00:08.611Z","response_time":67,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chatapp","chatapp-ui","whatsapp-react","whatsapp-ui","whatsapp-web","whatsapp-web-clone"],"created_at":"2025-06-30T19:37:25.195Z","updated_at":"2025-08-02T00:33:38.184Z","avatar_url":"https://github.com/jazimabbas.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/jazimabbas"],"categories":[],"sub_categories":[],"readme":"# WhatsApp Web \nWhatsApp Web UI built with React, TypeScript, and Styled-Components.\n\n## Table of Contents\n- [Screenshots](#screenshots)\n- [Running the Application](#running-the-application)\n- [Project Structure](#project-structure)\n- [Theming](#theming)\n- [Contribution](#contribution)\n- [Support Me](#support-me)\n\n## Screenshots\n![entry](https://user-images.githubusercontent.com/44744039/224526394-642e3187-57c7-47e2-995e-3f67fa52eeea.png)\n![dark-ui](https://user-images.githubusercontent.com/44744039/224526440-b4eb6a54-4dda-430c-a681-286f5b406fe7.png)\n![dark-search](https://user-images.githubusercontent.com/44744039/224526449-02bc4f77-7071-415e-98b8-3ade74c9967b.png)\n![light-chat](https://user-images.githubusercontent.com/44744039/224526453-7b835f09-e25e-4bdf-894f-c1b253a8c31d.png)\n![light-profile](https://user-images.githubusercontent.com/44744039/224526456-40c82430-70cb-44e3-82ac-182efde8255f.png)\n\n\n## Running the Application\nTo run the application, follow these steps:\n1. Clone this repository to your local machine\n2. Open the terminal and navigate to the project directory\n3. Run `npm install` to install the dependencies\n4. Run `npm start` to start the application\n\n## Project Structure\nThe `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. \u003cbr /\u003e\nThe `pages` folder contains the main pages of the application, such as the chat list and chat window. \u003cbr /\u003e\nThe `routes` folder contains the routes for the application.\n\n## Theming\nThe 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. \u003cbr /\u003e\nYou 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.\n\n## Contribution\nIf 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.\n\n## Support Me\nIf you find this project useful or would like to support my work, you can [buy me a coffee here](https://www.buymeacoffee.com/jazimabbas). Your contribution will help me continue to improve this project and create new ones in the future. \u003cbr /\u003e\nYou 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.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjazimabbas%2Fwhatsapp-web-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjazimabbas%2Fwhatsapp-web-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjazimabbas%2Fwhatsapp-web-ui/lists"}