Skip to content

Latest commit

 

History

History
58 lines (36 loc) · 2.71 KB

README.md

File metadata and controls

58 lines (36 loc) · 2.71 KB

board

A white board to just write contents and display

Screenshot 2022-10-05 at 2 10 01 PM

Gitpod

In the cloud-free development environment where you can directly start coding.

The below command will open up the index.html in a browser in gitpod python -m http.server 8000

You can use Gitpod in the cloud Gitpod Ready-to-Code

Tech Stack

  • HTML
  • CSS
  • JAVASCRIPT

Getting Started

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

  1. Create a Google Cloud 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 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.

Ensure that the port number mentioned here matches the authorized JavaScript origins. If you have any doubts, refer to the screenshots 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 / Instagram / Youtube / Github / Newsletter / Discord

If you like the project support it by starring ⭐