https://github.com/autumnchris/pomodoro-timer-vanilla-js

A front-end web app that counts down using the pomodoro technique with customizable timer settings. Built with vanilla JS.
https://github.com/autumnchris/pomodoro-timer-vanilla-js

babel css es6 freecodecamp html html5 javascript localstorage pomodoro-clock pomodoro-clock-challenge pomodoro-timer sass scss the-odin-project theodinproject vanilla-javascript vanilla-js vanillajs webpack

Last synced: 2 days ago
JSON representation

A front-end web app that counts down using the pomodoro technique with customizable timer settings. Built with vanilla JS.

• Host: GitHub
• URL: https://github.com/autumnchris/pomodoro-timer-vanilla-js
• Owner: autumnchris
• Created: 2018-03-13T17:22:06.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2025-01-18T14:04:01.000Z (about 1 month ago)
• Last Synced: 2025-01-18T15:18:53.271Z (about 1 month ago)
• Topics: babel, css, es6, freecodecamp, html, html5, javascript, localstorage, pomodoro-clock, pomodoro-clock-challenge, pomodoro-timer, sass, scss, the-odin-project, theodinproject, vanilla-javascript, vanilla-js, vanillajs, webpack
• Language: JavaScript
• Homepage: https://autumnchris.github.io/pomodoro-timer-vanilla-js
• Size: 256 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pomodoro Timer (vanilla JS)

A front-end web app that counts down using the pomodoro technique with customizable timer settings. Built with vanilla JS.

Inspired by the [Build a 25 + 5 Clock challenge](https://www.freecodecamp.org/learn/front-end-development-libraries/front-end-development-libraries-projects/build-a-25--5-clock) as part of the curriculum for the [Front End Development Libraries Certification](https://www.freecodecamp.org/learn/front-end-libraries) on [freeCodeCamp](https://www.freecodecamp.org).

---

## Built With

* Vanilla JS

* JavaScript

* [Sass](http://sass-lang.com)

* CSS3

* HTML5

* [Node.js](https://nodejs.org/en)

* [Webpack](https://webpack.js.org)

* [Babel](https://babeljs.io)

* [Normalize.css](https://necolas.github.io/normalize.css)

* [Font Awesome](https://fontawesome.com)

* LocalStorage

* [Wink sound effect](http://www.orangefreesounds.com)

## Demo

View project demo at [https://autumnchris.github.io/pomodoro-timer-vanilla-js](https://autumnchris.github.io/pomodoro-timer-vanilla-js).

## Instructions

After forking and cloning, navigate to the repository in your command line and install the NPM packages:

```

npm install

```

Run the following script in your command line to run the application:

```

npm start

```

Once the server is running, go to `http://localhost:8080` in your browser.

Before committing any changes, run the following script to update your static files for production:

```

npm run build

```