https://github.com/cool-dev-code/whatsapp-web

This is a local chrome extension to use WhatsApp Web in full screen. Expand the area of chat in WhatsApp Web.
https://github.com/cool-dev-code/whatsapp-web

Last synced: 5 months ago
JSON representation

This is a local chrome extension to use WhatsApp Web in full screen. Expand the area of chat in WhatsApp Web.

Host: GitHub
URL: https://github.com/cool-dev-code/whatsapp-web
Owner: cool-dev-code
License: unlicense
Created: 2021-09-03T18:46:58.000Z (over 4 years ago)
Default Branch: main
Last Pushed: 2021-09-03T19:51:51.000Z (over 4 years ago)
Last Synced: 2025-03-11T23:29:06.595Z (9 months ago)
Language: CSS
Size: 49.8 KB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

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.

## 📯 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)

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

### → STEP #1

Clone the [apps](https://github.com/dailydotdev/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:

```sh
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:

```sh
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:

```sh
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.

```sh
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.

```sh
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.

```sh
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](https://github.com/dailydotdev/.github/blob/master/CONTRIBUTING.md).

## 🤔 FAQs

We have compiled a list of FAQs. You can find it [here](https://daily.dev/support).

## 🎩 Core Team

Meet the core team of daily.dev:
* [@idoshamun](https://twitter.com/idoshamun)
* [@nimrodkramer](https://twitter.com/NimrodKramer)
* [@tsahimatsliah](https://twitter.com/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.