A white board to just write contents and display
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
- HTML
- CSS
- JAVASCRIPT
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.
-
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
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.
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 ⭐