Welcome to the WhatsApp Web repository

Any contribution would be appropriated 💻

Made with ❤️ by developers for developers and productive users🧑

🗞 About

WhatsApp-Web is an open-source Chrome browser extension which help users to switch full screen

It does not read your messages or expose your privacy

We care about:

• 🌟 Maintenance: We are working to introduce new features, fix bugs, and improve user experience.
• 🧵 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!😊

📌 Get WhatsApp Web Extension

This extension is currently available for Google Chrome, and Microsoft Edge.

<a href="https://microsoftedge.microsoft.com/addons/detail/dailydev-news-for-busy/cbdhgldgiancdheindpekpcbkccpjaeb">
<img src="https://img.shields.io/badge/%20-Edge-blue?logo=microsoft-edge&logoColor=white" alt="Download for Edge" />

<a href="http://go.daily.dev/">
<img src="https://img.shields.io/badge/%20-Mobile-502ab0" alt="Download for Mobile" />
</a>

📯 Philosophy

We, as developers, spend a lot of time looking for valuable articles and blog posts. Please Fork 🍴 this repository to contribute us.

That's why built WhatsApp-Web, to help you:

• 🖥 Chat on big screen
• 👨‍💻 Stay up-to-date
• ⏳Save time

🚀 Installation Method of WhatsApp-Web Extension

Let's setup WhatsApp-Web locally. Follow up the setups below to quickly get started.

⚙️ Setting Up in Chrome

→ STEP #0

• Go to chrome://extensions/
• On the top right corner turn on Developer Mode
• Click Load unpacked and select src (source folder)

docker-compose -v
# docker-compose version 1.29.2, build 5becea4c     // Expected result

→ STEP #1

Clone the apps repo.

→ STEP #2

Daily services are fully dockerized and publicly available on a Google Cloud Registry (GCR) repository. We are going to use them!

The first step is to pull and run the docker images, thanks to docker-compose network and environment variables are preconfigured and ready-to-go.

Navigate to the cloned repository and make sure Docker is running on your machine. After that run the following command to run all daily services:

docker-compose pull && docker-compose up

The command will take a while depending upon your internet speed.

→ STEP #3

Now we need to apply the migrations on our databases so they will have the latest schema:

docker exec apps_daily-api_1 node ./node_modules/typeorm/cli.js migration:run

# ... // Expected result
# Migration PostToc1623847855158 has been executed successfully.
# query: COMMIT

docker exec apps_daily-gateway_1 yarn run db:migrate:latest

# Using environment: development   // Expected result
# Batch 1 run: 23 migrations
# Done in 1.57s.

→ STEP #4

The last step is to populate your database using the seed data. All you need to do is, run the following command in your terminal:

docker exec apps_daily-api_1 node bin/import.js

# importing Source              // Expected result
# importing Post
# importing Keyword
# importing PostKeyword
# done

That's it! 🥂

Now you have all the required services running. Each project's repo explains what services are needed and how to get started with them.

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.

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.

🎨 Setting Up Daily Apps

Now, let's quickly set up daily.dev apps.

→ STEP #1

Run the following commands in your terminal to bootstrap.

Yes, we use lerna for this purpose.

npm i -g lerna
lerna bootstrap

# ...     // Expected result
# lerna success Bootstrapped 5 packages

→ STEP #2

Go 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.

npm run dev

→ STEP #3

Go 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.

npm run dev:chrome

→ STEP #4

By now, you will have unpacked daily.dev extension in your dist folder. Follow the steps listed below to load the extension.

1. Go to chrome://extensions path in your Chrome browser.
2. Enable Developer mode from the top right section.
3. Click on Load Unpack button and select your dist folder.

That's it! Your extension has been loaded in your browser. Happy hacking! ✌️

🙌 Want to Contribute?

We are open to all kinds of contributions. If you want to:

• 🤔 Suggest a feature
• 🐛 Report an issue
• 📖 Improve documentation
• 👨‍💻 Contribute to the code

You are more than welcome. Before contributing, kindly check our guidelines.

🤔 FAQs

We have compiled a list of FAQs. You can find it here.

🎩 Core Team

Meet the core team of daily.dev:

• @idoshamun
• @nimrodkramer
• @tsahimatsliah

Feel free to reach us out and say hi 👋.

💬 What Do You Think of daily.dev?

  Tweet us @dailydotdev to share your thoughts and stay up-to-date.

  Like us to know what's happening at daily.dev and share your reviews.

  Checkout our ProductHunt page and let us know what you think.

  Visit our home for all useful links.

  See our Chrome Store page to grab the extension or share your feedback.

  Check us out on Microsoft Edge Addons and let us know your thoughts.

  Check our Firefox Add-on and share your thoughts.

📑 License

Licensed under AGPL-3.0.