Code Monkey home page Code Monkey logo

forloopcodes / ketchup Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 0.0 3.15 MB

⭐️⭐️⭐️⭐️⭐️ Your future everyday-stress manager! Timer, todo, tally-counter, mood tracker, clock, password manager, expenses tracker, YouTube, in-app fun, and much more!

HTML 0.86% JavaScript 82.49% CSS 16.65%
clock cool-ui expenses-tracker mood-tracking online password-generator password-manager stress tally-counter tasks-list tasks-manager timer webapp youtube youtube-player

ketchup's Introduction

Ketchup

A web-based multifunctional application to manage your daily stress.

Features:

  • Timer
  • To-do list
  • Tally counter (aka frequency counter)
  • Daily Expenses manager
  • Daily mood recorder
  • Live clock
  • (future update) Password generator and manager
  • (future update) In-app youtube video viewer

Timer

image

  • Buttons on top-left control the timer.
    • Play
    • Pause
    • Resume
    • Reset
  • Buttons on top-right:
    • Help you set the time on the clock.
    • 30mins, 1hr, 2hr are recommendations
    • +1hr will increase time by 1 hour
    • Similarly, -1hr will decrease 1 hour
    • Same for all other buttons
  • The three input boxes on bottom right.
    • Used to set custom time.
    • For more fun, you can click and scroll in the boxes!
  • On the sidebar:
    • You see the total minutes you have focussed/breaked that day.
    • The history of clicking the buttons.
  • In the center is the timer's face
    • If hour count is more than zero, you see HH:MM
    • If hour count is zero, you see only MM:SS
    • If hour count is zero, and minute count is zero, you see only SS
    • Set the time to 00:00:00 and see a random fun kaomoji ༼ つ ◕_◕ ༽つ

ketchup's People

Contributors

forloopcodes avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.