{"id":24344302,"url":"https://github.com/cool-dev-code/whatsapp-web","last_synced_at":"2025-07-27T00:32:40.322Z","repository":{"id":113454267,"uuid":"402868835","full_name":"cool-dev-code/WhatsApp-Web","owner":"cool-dev-code","description":"This is a local chrome extension to use WhatsApp Web in full screen. Expand the area of chat in WhatsApp Web.","archived":false,"fork":false,"pushed_at":"2021-09-03T19:51:51.000Z","size":51,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T23:29:06.595Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cool-dev-code.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2021-09-03T18:46:58.000Z","updated_at":"2024-12-01T13:50:54.000Z","dependencies_parsed_at":null,"dependency_job_id":"c9aca85e-5137-4b49-b2df-e0cbe9d38e62","html_url":"https://github.com/cool-dev-code/WhatsApp-Web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/cool-dev-code/WhatsApp-Web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cool-dev-code%2FWhatsApp-Web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cool-dev-code%2FWhatsApp-Web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cool-dev-code%2FWhatsApp-Web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cool-dev-code%2FWhatsApp-Web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cool-dev-code","download_url":"https://codeload.github.com/cool-dev-code/WhatsApp-Web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cool-dev-code%2FWhatsApp-Web/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267276957,"owners_count":24063217,"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-07-26T02:00:08.937Z","response_time":62,"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":[],"created_at":"2025-01-18T09:33:06.653Z","updated_at":"2025-07-27T00:32:40.305Z","avatar_url":"https://github.com/cool-dev-code.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"src/assets/images/128.png\" alt=\"WhatsApp Web Logo\" width=\"150\"\u003e\n  \n  \u003ch1\u003eWelcome to the WhatsApp Web repository\u003c/h1\u003e\n  \u003cstrong\u003eAny contribution would be appropriated 💻\u003c/strong\u003e\n  \u003ch6\u003eMade with ❤️ by developers for developers and productive users🧑\u003c/h6\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://chrome.google.com/webstore/detail/daily-20-source-for-busy/jlmpjdjjbgclbocgajdjefcidcncaied\"\u003e\n    \u003cimg src=\"https://img.shields.io/chrome-web-store/users/jlmpjdjjbgclbocgajdjefcidcncaied?color=EA4335\u0026logo=google-chrome\u0026logoColor=white\" alt=\"Chrome Web Store users\"\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://addons.mozilla.org/en-US/firefox/addon/daily/\"\u003e\n    \u003cimg src=\"https://img.shields.io/amo/users/daily?color=orange\u0026logo=mozilla\" alt=\"Mozilla Web Store users\"\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://twitter.com/dailydotdev\"\u003e\n    \u003cimg src=\"https://img.shields.io/twitter/follow/dailydotdev?color=26A0ED\u0026label=Follow\u0026logo=twitter\u0026logoColor=white\u0026style=flat\" alt=\"Twitter\"\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://storybook.daily.dev\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/%20-storybook-502ab0?logo=storybook\u0026logoColor=white\" alt=\"Storybook\"\u003e\n  \u003c/a\u003e\n\n\u003c/p\u003e\n\n\n\n\n## 🗞 About\n\n\u003e WhatsApp-Web is an open-source Chrome browser extension which help users to switch full screen\n\nIt does not read your messages or expose your privacy\n\nWe care about:\n\n* 🌟 **Maintenance**: We are working to introduce new features, fix bugs, and improve user experience.\n* 🧵 **Open-source**: This extension is completely open-source. We believe in transparency and giving back to the community, so we decided to publish the source code to GitHub. Suggest a feature, report a bug, or even contribute. Everyone is welcome!😊\n\n## 📌 Get WhatsApp Web Extension\n\nThis extension is currently available for Google Chrome, and Microsoft Edge. \n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://r.daily.dev/chrome\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/%20-Chrome-red?logo=google-chrome\u0026logoColor=white\" alt=\"Download for Chrome\" /\u003e\n    \u003c/a\u003e\n\t\n    \u003ca href=\"https://microsoftedge.microsoft.com/addons/detail/dailydev-news-for-busy/cbdhgldgiancdheindpekpcbkccpjaeb\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/%20-Edge-blue?logo=microsoft-edge\u0026logoColor=white\" alt=\"Download for Edge\" /\u003e\n\t\n    \u003ca href=\"http://go.daily.dev/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/%20-Mobile-502ab0\" alt=\"Download for Mobile\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n## 📯 Philosophy\n\nWe, as developers, spend a lot of time looking for valuable articles and blog posts. Please Fork 🍴 this repository to contribute us.\n\nThat's why built WhatsApp-Web, to help you:\n\n* 🖥 Chat on big screen\n* 👨‍💻 Stay up-to-date\n* ⏳Save time\n\n## 🚀 Installation Method of WhatsApp-Web Extension\n\nLet's setup WhatsApp-Web locally. Follow up the setups below to quickly get started.\n\n## ⚙️ Setting Up in Chrome\n\n### → STEP #0\n\n* Go to chrome://extensions/\n* On the top right corner turn on Developer Mode\n* Click Load unpacked and select src (source folder)\n\n```sh\ndocker-compose -v\n# docker-compose version 1.29.2, build 5becea4c     // Expected result\n```\n\n### → STEP #1\n\nClone the [apps](https://github.com/dailydotdev/apps) repo.\n\n### → STEP #2\n\n\u003e Daily services are fully dockerized and publicly available on a Google Cloud Registry (GCR) repository. We are going to use them!\n\nThe first step is to **pull and run the docker images**, thanks to docker-compose network and environment variables are preconfigured and ready-to-go.\n\nNavigate to the cloned repository and make sure Docker is running on your machine. After that run the following command to run all daily services:\n\n```sh\ndocker-compose pull \u0026\u0026 docker-compose up\n```\n\nThe command will take a while depending upon your internet speed.\n\n### → STEP #3\n\nNow we need to apply the migrations on our databases so they will have the latest schema:\n\n```sh\ndocker exec apps_daily-api_1 node ./node_modules/typeorm/cli.js migration:run\n\n# ... // Expected result\n# Migration PostToc1623847855158 has been executed successfully.\n# query: COMMIT\n\ndocker exec apps_daily-gateway_1 yarn run db:migrate:latest\n\n# Using environment: development   // Expected result\n# Batch 1 run: 23 migrations\n# Done in 1.57s.\n```\n\n### → STEP #4\n\nThe last step is to populate your database using the seed data. All you need to do is, run the following command in your terminal:\n\n```sh\ndocker exec apps_daily-api_1 node bin/import.js\n\n# importing Source              // Expected result\n# importing Post\n# importing Keyword\n# importing PostKeyword\n# done\n```\n\n\nThat's it! 🥂\n\nNow you have all the required services running. Each project's repo explains what services are needed and how to get started with them.\n\n\u003e Note that currently, not all services are ready (or needed) for local environment so Daily Redirector and Daily Monetization services are not available for you.\n\u003e\n\u003e It means that if you click on an article you will get error 404 and that you will not see ads on your local environment.\n\n## 🎨 Setting Up Daily Apps\n\nNow, let's quickly set up daily.dev apps.\n\n### → STEP #1\n\nRun the following commands in your terminal to bootstrap.\n\nYes, we use `lerna` for this purpose.\n\n```sh\nnpm i -g lerna\nlerna bootstrap\n\n# ...     // Expected result\n# lerna success Bootstrapped 5 packages\n```\n### → STEP #2\n\nGo to `packages/webapp` in the `apps` folder. Run the following command to start the webapp in development mode. It will watch for all the file changes.\n\n```sh\nnpm run dev\n```\n### → STEP #3\n\nGo to `packages/extension` in the `apps` folder. Run the following command to start the extension in development mode. It will watch for all the file changes and generate the output in `dist` folder.\n\n```sh\nnpm run dev:chrome\n```\n### → STEP #4\n\nBy now, you will have unpacked daily.dev extension in your `dist` folder. Follow the steps listed below to load the extension.\n\n1. Go to `chrome://extensions` path in your Chrome browser.\n2. Enable `Developer mode` from the top right section.\n3. Click on `Load Unpack` button and select your `dist` folder.\n\nThat's it! Your extension has been loaded in your browser. Happy hacking! ✌️\n\n## 🙌 Want to Contribute?\n\nWe are open to all kinds of contributions. If you want to:\n* 🤔 Suggest a feature\n* 🐛 Report an issue\n* 📖 Improve documentation\n* 👨‍💻 Contribute to the code\n\nYou are more than welcome. Before contributing, kindly check our [guidelines](https://github.com/dailydotdev/.github/blob/master/CONTRIBUTING.md).\n\n## 🤔 FAQs\n\nWe have compiled a list of FAQs. You can find it [here](https://daily.dev/support).\n\n## 🎩 Core Team\n\nMeet the core team of daily.dev:\n* [@idoshamun](https://twitter.com/idoshamun)\n* [@nimrodkramer](https://twitter.com/NimrodKramer)\n* [@tsahimatsliah](https://twitter.com/TsahiMatsliah)\n\nFeel free to reach us out and say hi 👋.\n\n\n## 💬 What Do You Think of daily.dev?\n\n\u003cdiv align=\"left\"\u003e\n    \u003cp\u003e\u003ca href=\"https://twitter.com/dailydotdev/\"\u003e\u003cimg alt=\"Twitter @dailydotdev\" align=\"center\" src=\"https://img.shields.io/badge/twitter-%231DA1F2.svg?\u0026style=for-the-badge\u0026logo=twitter\u0026logoColor=white\" /\u003e\u003c/a\u003e\u0026nbsp; Tweet us @dailydotdev to share your thoughts and stay up-to-date. \u003c/p\u003e\n    \u003cp\u003e\u003ca href=\"https://facebook.com/dailydotdev/\"\u003e\u003cimg alt=\"Facebook @dailydotdev\" align=\"center\" src=\"https://img.shields.io/badge/facebook-%231877F2.svg?\u0026style=for-the-badge\u0026logo=facebook\u0026logoColor=white\" /\u003e\u003c/a\u003e\u0026nbsp; Like us to know what's happening at daily.dev and share your reviews.\u003c/p\u003e\n    \u003cp\u003e\u003ca href=\"https://www.producthunt.com/posts/daily-dev\"\u003e\u003cimg alt=\"daily.dev at ProductHunt\" align=\"center\" src=\"https://img.shields.io/badge/producthunt-%23DA552F.svg?\u0026style=for-the-badge\u0026logo=product-hunt\u0026logoColor=white\" /\u003e\u003c/a\u003e\u0026nbsp; Checkout our ProductHunt page and let us know what you think.\u003c/p\u003e\n    \u003cp\u003e\u003ca href=\"https://daily.dev\"\u003e\u003cimg alt=\"daily.dev Website\" align=\"center\" src=\"https://img.shields.io/badge/Daily Website-%233693F3.svg?\u0026style=for-the-badge\u0026logo=icloud\u0026logoColor=white\" /\u003e\u003c/a\u003e\u0026nbsp; Visit our home for all useful links.\u003c/p\u003e\n    \u003cp\u003e\u003ca href=\"https://chrome.google.com/webstore/detail/daily-20-source-for-busy/jlmpjdjjbgclbocgajdjefcidcncaied\"\u003e\u003cimg alt=\"daily.dev at ChomeStore\" align=\"center\" src=\"https://img.shields.io/badge/Chrome Web Store-%234285F4.svg?\u0026style=for-the-badge\u0026logo=google-chrome\u0026logoColor=white\" /\u003e\u003c/a\u003e\u0026nbsp; See our Chrome Store page to grab the extension or share your feedback.\u003c/p\u003e\n      \u003cp\u003e\u003ca href=\"https://microsoftedge.microsoft.com/addons/detail/dailydev-news-for-busy/cbdhgldgiancdheindpekpcbkccpjaeb\"\u003e\u003cimg alt=\"daily.dev at EdgeAddons\" align=\"center\" src=\"https://img.shields.io/badge/Edge Addons-%230078D7.svg?\u0026style=for-the-badge\u0026logo=microsoft-edge\u0026logoColor=white\" /\u003e\u003c/a\u003e\u0026nbsp; Check us out on Microsoft Edge Addons and let us know your thoughts.\u003c/p\u003e\n    \u003cp\u003e\u003ca href=\"https://addons.mozilla.org/en-US/firefox/addon/daily/\"\u003e\u003cimg alt=\"daily.dev at Firefox\" align=\"center\" src=\"https://img.shields.io/badge/Firefox Addons-%23FF7139.svg?\u0026style=for-the-badge\u0026logo=firefox-browser\u0026logoColor=white\" /\u003e\u003c/a\u003e\u0026nbsp; Check our Firefox Add-on and share your thoughts.\u003c/p\u003e\n\u003c/div\u003e\n\n\n## 📑 License\nLicensed under [AGPL-3.0](https://github.com/dailydotdev/daily/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcool-dev-code%2Fwhatsapp-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcool-dev-code%2Fwhatsapp-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcool-dev-code%2Fwhatsapp-web/lists"}