Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yaakov123/whatsapp-clone
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 (about 2 years ago)
- Default Branch: master
- Last Pushed: 2022-10-17T19:25:32.000Z (about 2 years ago)
- Last Synced: 2024-08-02T07:24:19.502Z (4 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
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)