MystaGram

Instagram replica with React, React Native, Express, and Prisma

MystaGram (Back-End)

MystaGram (Front-End)

MystaGram (Front-End)

MystaGram (iOS / Android App)

MystaGram (App)

User Stories

• Create account
• Request Secret
• Confirm Secret (Login)
• Like / Unlike a photo
• Comment on a photo
• Search by user
• Search by location
• Follow User
• Unfollow User
• Edit my profile
• See user profile
• See my profile
• See the full photo
• Upload a photo
• Edit/Delete the photo
• See the feed
• See room
• Send private Direct Message
• Receive private Direct Message (Realtime)

Study

Reading

• Prisma Datamodel: https://www.prisma.io/docs/datamodel-and-migrations/datamodel-MYSQL-knul/
• Prisma Subscrriptions: GraphQL subscriptions allow you to be notified in realtime when changes are happening to your data. There are three kinds of events that trigger a subscription
  • https://github.com/prisma/prisma/blob/master/docs/1.4/04-Reference/03-Prisma-API/05-Subscriptions.md

Library, Plug-in

• NodeMailer: https://nodemailer.com/about/
  • Send Grid: https://sendgrid.com/
• passport, passport jwt: http://www.passportjs.org/packages/passport-jwt/#targetText=passport%2Djwt,secure%20RESTful%20endpoints%20without%20sessions.
• jsonwebtoken: https://www.npmjs.com/package/jsonwebtoken
• Prisma-exists: https://www.prisma.io/docs/prisma-client/features/check-existence-JAVASCRIPT-pyl1/