Add Authentication and Authorization to a React App with Descope

This repository is part of a tutorial on setting up authentication and authorization in a React app using Descope. To get started with the code in this repository, clone it locally and:

• Set up a new Descope Free Forever account.
• Create a new Descope Flow with Social Login (OAuth / OIDC) as the primary authentication method.
• Retrieve the project ID in which you created the new flow.
• Rename .env.example to .env and store the project ID in it.
• Next, create a new Postgres instance to use with the project. You can either go for a local PostgreSQL installation or opt for a freemium remote PostgreSQL service like Neon. Retrieve its credentials and update it in the .env file.
• Before starting the app, load some data in the database by connecting to it through psql (using the command psql -h <your-db-host> -p <your-db-port> -d <your-db-name> -U <your-db-username>) or a GUI and run the following commands:

CREATE TABLE public.questions (
    qaid integer NOT NULL,
    content character varying(512)
);

CREATE TABLE public.answers (
    qaid integer NOT NULL,
    content character varying(512)
);

ALTER TABLE public.questions OWNER TO postgres;

ALTER TABLE public.answers OWNER TO postgres;

ALTER TABLE ONLY public.questions
    ADD CONSTRAINT questions_pkey PRIMARY KEY (qaid);

ALTER TABLE ONLY public.answers
    ADD CONSTRAINT answers_pkey PRIMARY KEY (qaid);


COPY public.questions (qaid, content) FROM stdin;
0	Compared to their body weight, what animal is the strongest - Dung Beetle, Elephant, Ant, or Cow?
1	How many dots appear on a pair of dice?
2	Which is the only body part that is fully grown from birth?
3	What is acrophobia a fear of?
4	In what country was Elon Musk born?
5	Who performs the voice of Homer Simpson?
6	What country has the most islands?
7	In Australia what is commonly known as a Bottle-o?", "An off-license / Liquor Store
8	How many hearts does an octopus have?
9	What planet is closest to the sun?
\.

COPY public.answers (qaid, content) FROM stdin;
0	Dung Beetle
1	42
2	Eyes
3	Heights
4	South Africa
5	Dan Castellaneta
6	Sweden - 270,000
7	An off-license / Liquor Store
8	3
9	Mercury
\.

• Finally, run npm i or yarn to install the dependencies and npm run dev or yarn dev to start the app.