Home

Awesome

Instagram clone with Appwrite and Cordova

image

This is a simple Instagram clone that uses Appwrite as the backend and Cordova as the frontend.

Getting Started

Prerequisites

Installing

Clone the repository

git clone https://github.com/arnu515/instagram-clone-with-cordova-appwrite

Install the dependencies

npm install  # or yarn install

Initializing Appwrite

Install the Appwrite CLI

npm i -g appwrite

appwrite login

In your Appwrite console, create a project with the name Instantgram and the id instantgram

image

Create a database with the name Instantgram and the id instantgram

image

Run the command to create collections and functions

appwrite deploy collection  # Select all collections (press a)
appwrite deploy function    # Select all fucntions (press a)

Create a new API key in your console and head to functions.

In all the functions over there, add these two variables:

# change if needed
APPWRITE_FUNCTION_ENDPOINT=http://localhost/v1
APPWRITE_FUNCTION_API_KEY=secret_key_you_just_created

image

Create a storage bucket with the name Instantgram and the id instantgram

image

Set these permissions and allowed file extensions as shown in the image below

image

Set up the project

Create a file called .env with the following contents

# replace with your appwrite server's endpoint
VITE_APPWRITE_ENDPOINT=http://localhost/v1
# don't change.
VITE_APPWRITE_PROJECT_ID=instantgram

Run the project (electron)

# build frontend
yarn build

# run electron
npx cordova run electron --nobuild

Cheers :sparkle: