Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yaakov123/whatsapp-clone

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/yaakov123/whatsapp-clone
Owner: yaakov123
License: mit
Created: 2022-10-07T13:40:32.000Z (almost 2 years ago)
Default Branch: master
Last Pushed: 2022-10-17T19:25:32.000Z (almost 2 years ago)
Last Synced: 2024-06-07T08:33:59.856Z (3 months ago)
Language: Vue
Size: 96.7 KB
Stars: 7
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

awesome-appwrite - Source Code

README

## Almost Whatsapp Web

![Product screenshot](/assets/screenshot.PNG "Product screenshot")

Almost Whatsapp Web is a clone of the real Whatsapp website created with Appwrite, VueJS and Tailwind CSS. I created this as part of a tutorial series that teaches people how to create real-world applications with Appwrite.

## 🧰 Appwrite Setup

Before using this application, make sure you have Appwrite server up and running. You can follow [Appwrite installation guide](https://appwrite.io/docs/installation).

1. Install [Appwrite CLI](https://appwrite.io/docs/command-line)
2. Login with `appwrite login`
3. Visit your Appwrite Console and create project with for this application
4. Run initial setup with `appwrite deploy --all`
5. In the `appwrite.json` file, change the function variables for `APPWRITE_FUNCTION_ENDPOINT` to the correct endpoint for your setup.

### Application setup

1. Navigate to the root of this project
2. Make sure that the values in `src/config.ts` are correct for your project
3. Run `npm i`
4. Run `npm run dev`

### Misc.

If you'd like to see the process of creating this project, you can take a look at the tutorial series I created for this project here - [https://www.youtube.com/playlist?list=PL03bmqtntNbe9Ad9IT5JYGvi1Ecbcn4Rk](https://www.youtube.com/playlist?list=PL03bmqtntNbe9Ad9IT5JYGvi1Ecbcn4Rk)