Home

Awesome

Almost Whatsapp Web

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.

  1. Install Appwrite CLI
  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