Danish903/post_client

https://photoups.netlify.com/

Node Apollo Prisma Express React GraphQL Postgresql

Fullstack GraphQL App with React & Prisma

Authentication with roles & permissions. Backend & Frontend

Upload image with expressJs

Messages with GraphQL Subscriptions

🚀 fullstack GraphQL app

Online Demo

As the Demo Server is hosted on a free Heroku account, the servers its hosted on enter sleep mode when not in use. If you notice a delay, please allow a few seconds for the servers to wake and try refreshing a browser.

Installation

1. Clone project

git clone git@github.com:Danish903/post_client.git

2. cd into post_client

cd web

3. Download dependencies

npm i

4. In web create a file called .env and add the following line inside: REACT_APP_SERVER_URL=https://insta-app-server.herokuapp.com and REACT_APP_WS_URL=wss://insta-app-server.herokuapp.com

5. Start app

npm start

Features

• Web login/Signup
• User can post their beautiful pictures
• User can like/comments in real time on their or other user's post
• User can make their post private and can disable comments for their post
• Post owner can delete other user's comments
• Pagination: Infinite scroller is used for paginating pictures and comments

Made with..

Frontend:

• User interfaces: React https://reactjs.org/
• Design: semantic-ui-react https://react.semantic-ui.com/
• GraphQL tool: Apollo Client https://www.apollographql.com/

Backend:

• Server GraphQL: GraphQL yoga https://github.com/prismagraphql/graphql-yoga
• ORM (object-relational mapping): Prisma https://www.prisma.io/
• Database Postgresql: https://www.postgresql.org/

App graphql api source

Server Code