https://github.com/dhanushnehru/board
A black board to just write contents and display
https://github.com/dhanushnehru/board
black-board board css hacktoberfest hacktoberfest-accepted hacktoberfest2024 hacktoberfest2024-accepted html html-css-javascript html5 javascript webdevelopment
Last synced: 3 months ago
JSON representation
A black board to just write contents and display
- Host: GitHub
- URL: https://github.com/dhanushnehru/board
- Owner: DhanushNehru
- License: mit
- Created: 2022-10-05T08:30:27.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-26T15:00:35.000Z (7 months ago)
- Last Synced: 2025-05-29T07:05:53.423Z (5 months ago)
- Topics: black-board, board, css, hacktoberfest, hacktoberfest-accepted, hacktoberfest2024, hacktoberfest2024-accepted, html, html-css-javascript, html5, javascript, webdevelopment
- Language: JavaScript
- Homepage: https://board-dhanushnehru.netlify.app/
- Size: 110 KB
- Stars: 11
- Watchers: 2
- Forks: 39
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# 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 [](https://gitpod.io/#https://github.com/DhanushNehru/board/)
## 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:**
- 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 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](https://github.com/DhanushNehru/board/pull/57) in the comments for additional assistance.
[](https://app.netlify.com/sites/board-dhanushnehru/deploys)
### 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](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) / [Newsletter](https://dhanushn.substack.com/) / [Discord](https://discord.com/invite/Yn9g6KuWyA)
If you like the project support it by starring ⭐