board
A white board to just write contents and display
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
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
-
Create a Google Cloud Project:
- Visit the Google Cloud Console.
- Create new or select an existing project.
-
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..
-
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."
-
Set
data-client_idin 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-serverusing: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.
Linting Status
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 ⭐