From 5b3bb797d11c7dc7d6fa9a516a659f017d2495f6 Mon Sep 17 00:00:00 2001 From: "jeevaramanthan.m" Date: Thu, 26 Oct 2023 21:39:59 +0530 Subject: [PATCH 1/4] update readme for enabling and setting up google signin --- README.md | 34 +++++++++++++++++++++++++++++++--- 1 file changed, 31 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index ca78d99..e55d3e4 100644 --- a/README.md +++ b/README.md @@ -19,11 +19,39 @@ You can use Gitpod in the cloud [![Gitpod Ready-to-Code](https://img.shields.io/ - CSS - JAVASCRIPT -## Deployment +## Getting Started -To deploy the project locally +To run the project locally we need to setup google signin initially and need a local server like Python's HTTP server or Node.js. -> You need to clone the project and Run the **HTML** file. +## Setting Up Google Sign-In + +1. **Create a Google Cloud Project:** + - Visit the [Google Cloud Console](https://console.cloud.google.com/). + - Create new or select an existing project. + +2. **Configure OAuth Consent Screen:** + - In the Cloud Console, navigate to "APIs & Services" > "OAuth consent screen." + - Configure the OAuth consent screen with the all required details like app name, user support email, etc.. + +3. **Create OAuth 2.0 Client ID:** + - In the Cloud Console, go to "APIs & Services" > "Credentials." + - Click "Create Credentials" > "OAuth client ID." + - Choose the application type as Web application and add authorized JavaScript origins. ( eg. http://localhost and http://localhost:3000) + - Note the generated "Client ID." + +4. **Set `data-client-id` in HTML from a JSON file:** + - In config.json file replace the client_id with the copied value + +### Running the Project + +To run the project locally, you need a local server. Before running the project, make sure you have either Python or Node.js installed. + +- **Python:** Run the project with Python's HTTP server using: `python -m http.server 3000`. +- **Node.js:** Start the project with `http-server` using: `npx http-server -p 3000`. + +Ensure that the port number mentioned here matches the authorized JavaScript origins. If you have any doubts, refer to the [screenshots](https://github.com/DhanushNehru/board/pull/57) in the comments for additional assistance. + +Clone the project & start contributing Hey, I am Dhanush N,the maintainer of this opensource repository. You can connect with me and support or follow my work via [Twitter](https://twitter.com/Dhanush_Nehru) / [Instagram](https://www.instagram.com/dhanush_nehru/) / [Youtube](https://www.youtube.com/@dhanushnehru?sub_confirmation=1) / [Github](https://github.com/DhanushNehru) From b39aecd873270ce77a9f4c6b459a32c8d67bcea3 Mon Sep 17 00:00:00 2001 From: "jeevaramanthan.m" Date: Thu, 26 Oct 2023 21:43:50 +0530 Subject: [PATCH 2/4] heading fix --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e55d3e4..d993f9c 100644 --- a/README.md +++ b/README.md @@ -23,7 +23,7 @@ You can use Gitpod in the cloud [![Gitpod Ready-to-Code](https://img.shields.io/ To run the project locally we need to setup google signin initially and need a local server like Python's HTTP server or Node.js. -## Setting Up Google Sign-In +### Setting Up Google Sign-In 1. **Create a Google Cloud Project:** - Visit the [Google Cloud Console](https://console.cloud.google.com/). From c466013fc12395a8b622e70c59c2502b8a20d1e1 Mon Sep 17 00:00:00 2001 From: "jeevaramanthan.m" Date: Thu, 26 Oct 2023 21:45:40 +0530 Subject: [PATCH 3/4] word fix --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d993f9c..7864430 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,7 @@ To run the project locally we need to setup google signin initially and need a l ### Running the Project -To run the project locally, you need a local server. Before running the project, make sure you have either Python or Node.js installed. +To run the project locally, you need a local server. Before that, make sure you have either Python or Node.js installed. - **Python:** Run the project with Python's HTTP server using: `python -m http.server 3000`. - **Node.js:** Start the project with `http-server` using: `npx http-server -p 3000`. From f05acad4b0e18e0de4e04ddb976261cf8c352002 Mon Sep 17 00:00:00 2001 From: JeevaRamanathan <64531160+JeevaRamanathan@users.noreply.github.com> Date: Thu, 26 Oct 2023 21:47:21 +0530 Subject: [PATCH 4/4] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7864430..a3188fd 100644 --- a/README.md +++ b/README.md @@ -39,7 +39,7 @@ To run the project locally we need to setup google signin initially and need a l - Choose the application type as Web application and add authorized JavaScript origins. ( eg. http://localhost and http://localhost:3000) - Note the generated "Client ID." -4. **Set `data-client-id` in HTML from a JSON file:** +4. **Set `data-client_id` in HTML from a JSON file:** - In config.json file replace the client_id with the copied value ### Running the Project