Skip to content

Green attractive to do list to motivate you achieve your goals ! Made in ElectronJS using HTML, CSS and JavaScript.

Notifications You must be signed in to change notification settings

xeevees-lab/GreenProductive

 
 

Repository files navigation

GreenProductive

design image

GreenProductive is a one-week project I created to kickstart my productive coding journey. It's a real-time updating to-do list featuring custom-designed UI elements. This project not only helped me refresh my javaScript skills but also reinforced my understanding of fundamentals methods and data structures.

It was build with...

  • HTML
  • CSS
  • JavaScript
  • ElectronJS

Installation Instructions

Installation

  1. Clone the repository git clone https://github.com/Btelgeuse/GreenProductive.git
  2. Install NPM packages npm install
  3. Install ElectronJS npm install --save-dev electron

Usage

To run the application, run the command npm start In this application you can create tasks, by writing it in the text field, then clicking the "+" button. It will appear on the to-do list displayed below the date and the input field, and you'll be able to click on it once you got it done to strikethrough the line. It will update automatically your progression bar, that updates its value according to the number of tasks you put, and the number of tasks you finished.

to-do list visualization

Once you're done, click on the finish button to get your daily achievement score!

Contributing Guidelines

  1. Fork the project
  2. Create a feature branch (git checkout -b ...)
  3. Commit your changes (git commit -m "...")
  4. Push to the branch (git push origin ...)
  5. Open a pull request

Main contributors

Nobody contributed yet ;(

Contact

Joanne Andriamahandry

My Instagram

Acknowledgements

Here are the resources that helped me build this project: * * * *

About

Green attractive to do list to motivate you achieve your goals ! Made in ElectronJS using HTML, CSS and JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 39.3%
  • JavaScript 36.7%
  • HTML 24.0%