Sample Apps

DevJokes

DevJokes is a sample app that lets users find, like, and share their favorite geeky jokes with other software developers. This app demonstrates how to use React hooks with an Apollo client to create jokes, filter jokes by tags, add user reactions to jokes, and moderate jokes. Also demonstrated is the client side to uploading images to AWS S3 and storing links to the images. Deploying this app on Slash GraphQL deploys both the back-end database service and a front-end React app in a single click, no credit card required. The repo for this app can be found on GitHub at dgraph-io/graphql-sample-apps/dev-jokes.

Features

  • Support two kind of jokes: Text Joke and Meme
  • Moderated content to feed you the best jokes and add enable better searching.
  • Logged in users can like and share the jokes.
  • Community moderation enabled through flagging.

Front-end

  • React (3.4.3)—a JavaScript library for building user interfaces.
  • Apollo Client (3.0+)—a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL.
  • Material-UI—a user interface framework for faster and easier web development.
  • Emoji Mart—a Slack-like customizable emoji picker component for React.
  • React Grid Gallery—a justified image gallery component for React inspired by Google Photos and based upon React Images.
  • React Share—social media share buttons and share counts for React.
  • React Markdown—markdown component for React using remark.

Back-end

  • Slash GraphQL—a fully managed GraphQL backend service
  • Auth0—Secure access for everyone.
  • AWS-S3—an object storage service that offers industry-leading scalability, data availability, security, and performance.
Deploy on Slash GraphQL
Deploy on Slash GraphQL