react-native-instagram-clone
react-native-instagram-clone copied to clipboard
Instagram Clone (light version) — Graphql + React (ios, android, web)
react-native-instagram-clone
Instagram Clone — Express + React Native
Run project locally
- Add file
.envinto server folder with config
PORT=YOUR_PORT
GOOGLE_ACCOUNT="YOUR_GOOGLE_ACCOUNT"
SENDGRID_API_KEY="YOUR_SENDGRID_API_KEY"
JWT_SECRET="YOUR_JWT_SECRET"
PRISMA_ENDPOINT=YOUR_PRISMA_ENDPOINT
-
Install all dependencies with
npm installoryarnin root, client and instaclone-app folders -
Configure your
prismaaccount; in root directory putprisma.yml
endpoint: YOUR_ENDPOINT
datamodel: datamodel.prisma
generate:
- generator: javascript-client
output: ./generated/prisma-client/
-
Install globally
nodemon,prismaandexpo-clipackages -
Run
yarn prisma -
Install
node_modulesinclientfolder -
Run
yarn serve:webfor web oryarn serve:appfor mobile (you can also runyarn serveif you want to view all platforms) -
If you want to upload images - you need to sign in
Amason Web Services(I used free trial aws account and S3 bucket) and put your settings to.envlike
....
AWS_KEY="YOUT_AWS_KEY"
AWS_SECRET="YOUR_AWS_SECRET"
AWS_BUCKET_NAME="YOUR_AWS_BUCKET_NAME"

Graphql resolvers
- [x] Create an account
- [x] Request Secret
- [x] Confirm Secret (Log In)
- [x] Like / Unlike the photo
- [x] Comment on a photo
- [x] Search by user
- [x] Search by location
- [x] Follow / Unfollow User
- [x] Edit my profile
- [x] See user profile
- [x] See my profile
- [x] See the full photo
- [x] Upload a photo
- [x] Edit the photo (Delete)
- [x] See the feed
- [x] Send private Mesage
- [x] See rooms
- [x] See room
- [x] Receive Meesage (Realtime)