September 2019 Summaries

Hasura is participating in Hacktoberfest 2019 for the second consecutive year. Hacktoberfest, initiated by DigitalOcean six years ago, encourages developers worldwide to contribute to any open source project they find interesting. This event has been beneficial for the entire open source community as it helps developers discover new projects and assists in promoting existing ones. Hasura's challenge for this year includes offering a sticker pack for every pull request (PR) submitted for their open-source projects, while a limited edition Hacktoberfest t-shirt will be given to those who successfully merge a PR for any of the issues tagged with "Hacktoberfest" in their two repositories. The Hasura GraphQL Engine and the GraphQL Tutorial Series are the two open source projects that developers can contribute to as part of this year's challenge. To participate, developers must register for Hacktoberfest before October 31st and follow the contributing guide provided by Hasura.

In this tutorial, we will build a serverless Nuxt app using GraphQL and Hasura Remote Joins. The app will be Instagram-style, where users can upload images, like, and add comments to other people's images. Images will be stored on an API, and we will use Hasura Remote Joins to transform image URLs so we can query the exact-sized images we want from the database instead of having to transform the URL client side with a dedicated library. We will use Heroku for deploying a Hasura instance, Azure Functions for creating a remote schema and events handler, Auth0 for authentication, and Cloudinary to host our images.

In this tutorial, we will learn how to build an Instagram clone using React with GraphQL and Hasura. The first part of the series covered setting up the backend and Auth0. In this second part, we will set up our React app and connect it to the backend. We will implement user authentication using JWT (JSON web tokens) and integrate Auth0 into the React app. Additionally, we will create a header component for navigation within the app and use react-router for dynamic, client-side routing. The tutorial also covers implementing feed and likes functionality with real-time updates of Likes, creating user profile components, and adding submit post functionality. By the end of this tutorial, you should have a working Instagram clone with upload post functionality, navigation to user profiles, and real-time updates for new posts, likes, and follows.

In this tutorial, Abhijeet Singh demonstrates how to build an Instagram clone using React with GraphQL and Hasura. The app features user account creation, post uploading, liking posts, following accounts, displaying posts in a feed, and real-time updates for various actions. The backend is built using the Hasura GraphQL Engine and Postgres, while the frontend uses React. Authentication is handled by Auth0 JWT, with permissions set up to ensure only logged-in users can perform certain actions.

In the third part of "Building a quiz app with Hasura & Firebase", we will create the Flutter frontend. The tutorial covers important parts of creating a Flutter frontend for a quiz application, including setting up dependencies in pubspec.yaml file and connecting the Flutter app to a Firebase project. The app consists of six screens: Main, Login, SignUp, Play, Result, and Scores. In this tutorial, we will focus on the Main, Play, and Scores pages. The Main page checks if there is a signed-in user and navigates to the login screen if not. Once logged in, the app returns the MainApp widget with user information and token. On the Play page, users can answer questions, and their answers are stored in the user_answers table. If the answer is correct, the user gets 10 points. The Scores page displays real-time user scores using a subscription feature.

This tutorial series demonstrates how to build scalable Flutter apps using GraphQL, Hasura, and event-driven serverless. Part 2 focuses on setting up authentication with Firebase services and Hasura. The guide covers enabling Email/Password sign-in method in Firebase, creating custom claims for users during registration, and deploying Firebase functions to sync Firebase users with Hasura. Additionally, it explains how to configure Hasura to switch to JWT mode and decode Firebase user tokens. Finally, the tutorial introduces event triggers as a way to handle cases where client trust is not sufficient or additional business logic is required.

In this tutorial series, we will create a quiz app using Flutter, Hasura, and Firebase. The first part focuses on setting up Hasura and modeling the relational data with permissions. Part 2 covers user authentication and integrating Firebase services, while Part 3 discusses building the Flutter frontend. We will explore how Hasura can work with Firebase Authentication and Cloud Functions to handle user authentication and business logic, providing a flexible and scalable architecture for our quiz app.

In this tutorial, we will learn how to build a Hacker News clone using GraphQL, Hasura and React. We will set up our React app and connect it to the backend. The tutorial covers user authentication, setting up Apollo GraphQL client, creating header component with react-router, integrating Auth0 JWT with React App, implementing post list and upvote/points (realtime updates of upvotes), submitting post functionality, and user profile implementation. By the end of this tutorial, you should have a working Hacker News clone with real-time updates for new posts, upvotes, and user profiles.

This tutorial by Abhijeet Singh demonstrates how to build a Hacker News clone using Hasura GraphQL Engine and React. The app features include displaying a list of all posts, user account creation with Auth0 authentication, post creation for authenticated users, upvoting posts, and real-time updates when other users upvote or create new posts. The backend is set up using the Hasura GraphQL engine and Postgres, while the frontend uses React. Authentication is handled by Auth0 JWT, which integrates with Hasura for validation of incoming tokens. The tutorial also covers setting up permissions in Hasura to control user actions on the database.