GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → stelmakhivan → react-native-instagram-clone

stelmakhivan / react-native-instagram-clone

Licence: other
Instagram Clone (light version) — Graphql + React (ios, android, web)

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Labels

reactnodejsgraphqlawsreact-nativeapollostyled-componentsaws-s3morganreact-router-domreact-native-swiperprismapassport-jwtexpo-cliapollo-hooksexpo-camerareact-navigation-v5expo-facebookexpo-google-app-authexpo-media-library

Projects that are alternatives of or similar to react-native-instagram-clone

nest-next-sample
NestJS + Next.js sample application / Backend and Frontend use only TypeScript!!!
Stars: ✭ 110 (+279.31%)
Mutual labels:  apollo, prisma
cannercms
⚡️[NOT MAINTAINED] Content Management Framework creates custom CMS fast and easy. Support data sources such as Firebase/Firestore, GraphQL and Restful APIs.
Stars: ✭ 2,452 (+8355.17%)
Mutual labels:  apollo, prisma
matnbaz
📚 The source-code for matnbaz.net. A monorepo containing the back-end (NestJS/Prisma/Apollo), front-end (Next.js/Apollo) and some tooling.
Stars: ✭ 481 (+1558.62%)
Mutual labels:  apollo, prisma
react-chat-app
A real-time chat application with Node.js, Prisma, GraphQL, Next.js, React.js and Apollo.
Stars: ✭ 61 (+110.34%)
Mutual labels:  apollo, prisma
Naperg
Fullstack Boilerplate GraphQL. Made with React & Prisma + authentication & roles
Stars: ✭ 661 (+2179.31%)
Mutual labels:  apollo, prisma
redwood
The App Framework for Startups
Stars: ✭ 15,079 (+51896.55%)
Mutual labels:  apollo, prisma
graphql-modules-app
TypeScripted Apollo GraphQL Server using modules and a NextJS frontend utilising React modules with Apollo hooks. All bundled with a lot of dev friendly tools in a lerna setup..
Stars: ✭ 39 (+34.48%)
Mutual labels:  apollo, apollo-hooks
boilerplate
Boilerplate for @prisma-cms
Stars: ✭ 22 (-24.14%)
Mutual labels:  apollo, prisma
Pizzaql
🍕 Modern OSS Order Management System for Pizza Restaurants
Stars: ✭ 631 (+2075.86%)
Mutual labels:  apollo, prisma
boilerplate
Fullstack boilerplate using Typescript, React, Node & GraphQL
Stars: ✭ 738 (+2444.83%)
Mutual labels:  apollo, prisma
nestjs-prisma-starter
Starter template for NestJS 😻 includes GraphQL with Prisma Client, Passport-JWT authentication, Swagger Api and Docker
Stars: ✭ 1,107 (+3717.24%)
Mutual labels:  prisma, passport-jwt
Canner
⚡️[NOT MAINTAINED] Content Management Framework creates custom CMS fast and easy. Support data sources such as Firebase/Firestore, GraphQL and Restful APIs.
Stars: ✭ 2,472 (+8424.14%)
Mutual labels:  apollo, prisma
gondor
Nestjs Framework, Prisma database layer w/ Angular and Apollo.
Stars: ✭ 14 (-51.72%)
Mutual labels:  apollo, prisma
cadhub
We're out to raise awareness and put CodeCAD on the map. The success of CadHub can be measured by the amount it promotes the use of CodeCAD within the mechanical/manufacturing industry and the strength the CadHub community.
Stars: ✭ 204 (+603.45%)
Mutual labels:  apollo, prisma
Modern Graphql Tutorial
📖 A simple and easy GraphQL tutorial to get started with GraphQL.
Stars: ✭ 219 (+655.17%)
Mutual labels:  apollo, prisma
Prisma Tools
Prisma tools to help you generate CRUD system for GraphQL servers
Stars: ✭ 237 (+717.24%)
Mutual labels:  apollo, prisma
vulcan-npm
The full-stack JavaScript App Framework
Stars: ✭ 26 (-10.34%)
Mutual labels:  apollo
future-of-gql-servers
The future of GraphQL servers (GraphQL Europe 2018)
Stars: ✭ 27 (-6.9%)
Mutual labels:  apollo
react-apollo-form
Build React forms based on GraphQL APIs.
Stars: ✭ 195 (+572.41%)
Mutual labels:  apollo
bring-your-own-data-labs
Bring your own data Labs: Build a serverless data pipeline based on your own data
Stars: ✭ 40 (+37.93%)
Mutual labels:  aws-s3
View All Similar Projects ➔

react-native-instagram-clone

Instagram Clone — Express + React Native

Run project locally

  1. Add file .env into 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

  1. Install all dependencies with npm install or yarn in root, client and instaclone-app folders

  2. Configure your prisma account; in root directory put prisma.yml

endpoint: YOUR_ENDPOINT
datamodel: datamodel.prisma

generate:
  - generator: javascript-client
    output: ./generated/prisma-client/

  1. Install globally nodemon, prisma and expo-cli packages

  2. Run yarn prisma

  3. Install node_modules in client folder

  4. Run yarn serve:web for web or yarn serve:app for mobile (you can also run yarn serve if you want to view all platforms)

  5. 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 .env like

....
AWS_KEY="YOUT_AWS_KEY"
AWS_SECRET="YOUR_AWS_SECRET"
AWS_BUCKET_NAME="YOUR_AWS_BUCKET_NAME"

Preview Preview

Graphql resolvers

  • Create an account
  • Request Secret
  • Confirm Secret (Log In)
  • Like / Unlike the photo
  • Comment on a photo
  • Search by user
  • Search by location
  • Follow / Unfollow User
  • Edit my profile
  • See user profile
  • See my profile
  • See the full photo
  • Upload a photo
  • Edit the photo (Delete)
  • See the feed
  • Send private Mesage
  • See rooms
  • See room
  • Receive Meesage (Realtime)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].