https://github.com/Sooraj-s-98/appwrite-instagram-clone

Creating instagram clone web by using nextjs and appwrite server
https://github.com/Sooraj-s-98/appwrite-instagram-clone

appwrite hacktoberfest hacktoberfest2021 javascript nextjs reactjs

Last synced: about 1 month ago
JSON representation

Creating instagram clone web by using nextjs and appwrite server

• Host: GitHub
• URL: https://github.com/Sooraj-s-98/appwrite-instagram-clone
• Owner: Sooraj-s-98
• License: mit
• Created: 2021-10-08T14:10:45.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-09-18T12:39:08.000Z (almost 2 years ago)
• Last Synced: 2024-06-07T08:33:28.743Z (3 months ago)
• Topics: appwrite, hacktoberfest, hacktoberfest2021, javascript, nextjs, reactjs
• Language: JavaScript
• Homepage: https://appwrite-instagram-clone.netlify.app/
• Size: 7.89 MB
• Stars: 26
• Watchers: 4
• Forks: 12
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-appwrite - Source Code

README

        
# 🔖 Instagram clone by using NextJS and Appwrite server

![logo]( public/image/built-with-appwrite.svg "Logo")

## Screenshot

![screenshotsignup](https://user-images.githubusercontent.com/52352285/137251397-19adaa5f-d910-47dd-b3f7-efd14c3c40b9.png)

![screenshotlogin](https://user-images.githubusercontent.com/52352285/137251467-cc22ac27-ddd6-4f49-81ba-1a49ee5833e2.png)

![screenshot home](https://user-images.githubusercontent.com/52352285/137251350-ee7cf45e-c21b-4513-a2a5-8cf45bcd4bd8.png)

## 🎬 Getting Started!

### 🤘 Install Appwrite 

Follow our simple [Installation Guide](https://appwrite.io/docs/installation) to get Appwrite up and running in no time. You can either deploy Appwrite on your local machine or, on any cloud provider of your choice. 

> Note: If you setup Appwrite on your local machine, you will need to create a public IP so that your hosted frontend can access it.

## Database

![screenshotPost Collection](https://user-images.githubusercontent.com/52352285/139579072-b53cb7e8-35ac-4fab-82e3-f4f079486c34.png)

![screenshotPost Collection2](https://user-images.githubusercontent.com/52352285/139579079-cc2542e6-b2f5-418c-9c7e-8602f51caf09.png)

![screenshot Post Collection3](https://user-images.githubusercontent.com/52352285/139579091-dbf6c21d-fc31-44ed-8842-466bf68d346a.png)

![Post Collection4](https://user-images.githubusercontent.com/52352285/139579097-09935cc0-2996-43df-b0f4-d7c1c35615f5.png)

### 🚀 Deploy the Front End

You have two options to deploy the front-end and we will cover both of them here. In either case, you will need to fill in these environment variables that help your frontend connect to Appwrite.

* REACT_APP_ENDPOINT - Your Appwrite endpoint

* REACT_APP_PROJECT - Your Appwrite project ID

* REACT_APP_COLLECTION_ID - Your Appwrite collection ID 

### **Run locally**

Follow these instructions to run the demo app locally

```sh

$ git clone https://github.com/Sooraj-s-98/appwrite-instagram-clone

$ cd appwrite-instagram-clone

```

Now fill your environment variables

![image](https://user-images.githubusercontent.com/52352285/137251997-70e929d0-d6d9-4d6f-af90-094819b4c456.png)

Now run the following commands and you should be good to go 💪🏼

```

$ npm install

$ npm run dev

```

## Thanks