https://github.com/autumnchris/pomodoro-timer-reactjs

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

babel css es6 freecodecamp javascript localstorage pomodoro-clock pomodoro-clock-challenge pomodoro-timer react reactjs sass scss 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 React.js.

• Host: GitHub
• URL: https://github.com/autumnchris/pomodoro-timer-reactjs
• Owner: autumnchris
• Created: 2018-07-26T13:25:18.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2025-02-16T21:28:21.000Z (4 days ago)
• Last Synced: 2025-02-16T22:24:13.600Z (4 days ago)
• Topics: babel, css, es6, freecodecamp, javascript, localstorage, pomodoro-clock, pomodoro-clock-challenge, pomodoro-timer, react, reactjs, sass, scss, webpack
• Language: JavaScript
• Homepage: https://autumnchris.github.io/pomodoro-timer-reactjs
• Size: 1.37 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pomodoro Timer (React.js)

A front-end web app that counts down using the pomodoro technique with customizable timer settings. Built with React.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

* [React.js](https://reactjs.org)

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

* JavaScript

* 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-reactjs](https://autumnchris.github.io/pomodoro-timer-reactjs).

## 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

```