Flamingo Armond

🔥Tinder like Flashcard App.

Architecture

• Render (Static site for React, GraphQL service)
• Superbase (Database and authentication)

Environment

This repository is structured as a mono repository.

Directroy	Discription
frontend	Frontend implementation
backend	Backend GraphQL API server

frontend

• Typescript
• React
• Vite

backend

• Go
• Echo
• gqlgen (GraphQL)

How to Deploy to Production

Set up Services on Render

The render.yaml is where all configurations are gathered and assosiated with this repository. As soon as a new commit is added to master branch, the depolyment is triggered.

Set up database on Superbase

Flamingo Armond uses Superbase for the Database (Postgres) and Auth. All configurations and environment valuables are configured on the dashboard. Grab configurations from .env file and apply them here, such as database name, user name, user password, SSL enablement, e.g.

Database Settings

Database setting for user, password, go Settings -> Configuration -> Database on the Superbase console.

Set up Auth on Superbase

Set up OAuth API on Google Cloud

Create Client ID and Client Secret on Google

Refer this document for the details of set up.

Check scope.

Please see this page for the OAuth scope to be configured for Superbase

Set up Auth on Superbase

1. Navigate to the dashboard on Superbase and chose Google Auth
2. Fill out Client ID , Client Secret and Authorized Client IDs

Run Locally

make server