Giter Club home page Giter Club logo

rickandmortypomodoro's Introduction

Rick and Morty Pomodoro Timer.

Description

After looking for frameworks to improve my productivity whilst coding, I came across the Pomodoro Technique. After a trial period I knew it was helping me over come procrastination but I couldn't find any existing tools that I liked.

I love Rick and Morty and I wanted to use a Pomodoro timer to increase my productivity (so I made this). The timer is activated by clicking on the portal. When the timer expires it will set off a Wubba Dubba Dub Dub alert and increment the counter.

Tech Stack

  • HTML 5
  • CSS
  • FlexBox
  • Vanilla JavaScript
  • Google web fonts

What I Learned

I love building my own tools like this, it was a great opportunity to improve my vanilla javascript knowledge before moving onto javascript frameworks such as React and Vue. Javascript was used to perform the following functions:

  • Dynamically update the weekday label in the title
  • detect the OnClick event on the portal image.
  • Start the timer
  • Update and rotate the active image
  • Update and reset the timer label
  • Play the mp3 sound bites.

Feedback or suggestions?

Reach out to me on Twitter, I'd love to hear from you :)

rickandmortypomodoro's People

Contributors

darreninglis avatar

Watchers

James Cloos avatar  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.