https://github.com/ethanbaker/productivity
A productivity tool built with vanilla HTML, CSS, and JS in the web browser.
https://github.com/ethanbaker/productivity
gui html-css javascript ui
Last synced: about 1 month ago
JSON representation
A productivity tool built with vanilla HTML, CSS, and JS in the web browser.
- Host: GitHub
- URL: https://github.com/ethanbaker/productivity
- Owner: ethanbaker
- License: apache-2.0
- Created: 2021-03-31T22:57:54.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2024-03-08T18:02:10.000Z (over 2 years ago)
- Last Synced: 2025-03-05T15:51:12.335Z (over 1 year ago)
- Topics: gui, html-css, javascript, ui
- Language: JavaScript
- Homepage: https://productivity.ethanbaker.dev
- Size: 657 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/productivity-demo/deploys)
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Productivity
A productivity tool built with vanilla HTML, CSS, and JS in the web browser.
Table of Contents
## About
![Project demonstration image][product-screenshot]
Productivity: A productivity tool built with pure HTML, CSS, and JS in the web browser. Various widgets are available in the [demo](https://productivity.ethanbaker.dev). Implemented widgets include:
* Todo List Widget
Keep a list of items in your TODO list
* Goal List Widget
Keep a list of long goals you want to achieve
* Ambient Widget
Get information on the time, weather, or other ambient data
* Schedule Widget
View a calendar list of all your upcoming events
* Habit Tracker
Track daily habit completion
* Motivation Widget
Write motivational snippets to be motivated in productivity
### Built With
* [HTML, CSS, JS](https://en.wikipedia.org/wiki/Front-end_web_development)
* [PHP](https://www.php.net/) (optional, for user authentication)
## Usage
You can visit the productivity tool by visiting the demo at [productivity.ethanbaker.dev](https://productivity.ethanbaker.dev). You will be able to play around with the different widgets listed above and test the functionality.
## Roadmap
- [x] Scheduling Widget
- [x] Motivation Widget
- [x] CSS Styling
This project is no longer being maintained.
See the [open issues][issues-url] for a full list of proposed features (and known issues).
## Contributing
For issues and suggestions, please include as much useful information as possible.
Review the [documentation][documentation-url] and make sure the issue is actually
present or the suggestion is not included. Please share issues/suggestions on the
[issue tracker][issues-url].
For patches and feature additions, please submit them as [pull requests][pulls-url].
Please adhere to the [conventional commits][conventional-commits-url]. standard for
commit messaging. In addition, please try to name your git branch according to your
new patch. [These standards][conventional-branches-url] are a great guide you can follow.
You can follow these steps below to create a pull request:
1. Fork the Project
2. Create your Feature Branch (`git checkout -b branch_name`)
3. Commit your Changes (`git commit -m "commit_message"`)
4. Push to the Branch (`git push origin branch_name`)
5. Open a Pull Request
## License
This project uses the Apache 2.0 license.
You can find more information in the `LICENSE` file.
## Contact
Ethan Baker - contact@ethanbaker.dev - [LinkedIn][linkedin-url]
Project Link: [https://github.com/ethanbaker/productivity][project-url]
[contributors-shield]: https://img.shields.io/github/contributors/ethanbaker/productivity.svg
[forks-shield]: https://img.shields.io/github/forks/ethanbaker/productivity.svg
[stars-shield]: https://img.shields.io/github/stars/ethanbaker/productivity.svg
[issues-shield]: https://img.shields.io/github/issues/ethanbaker/productivity.svg
[license-shield]: https://img.shields.io/github/license/ethanbaker/productivity.svg
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?logo=linkedin&colorB=555
[contributors-url]:
[forks-url]:
[stars-url]:
[issues-url]:
[pulls-url]:
[license-url]:
[linkedin-url]:
[project-url]:
[product-screenshot]: ./docs/demonstration.png
[documentation-url]:
[conventional-commits-url]:
[conventional-branches-url]: