Pomodoro Svelte

This is a Pomodoro application written in Svelte with Storybook integration to test components.

This project was inspired by app-ideas, and more precisely Pomodoro Clock.

Demo

Requirements

Get started

cd SveltePomodoro
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see the app running. Edit a component file in src, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

Deploying to the web

With now

Install now if you haven't already:

npm install -g now

Then, from within your project folder:

cd public
now

As an alternative, use the Now desktop client and simply drag the unzipped project folder to the taskbar icon.

With surge

Install surge if you haven't already:

npm install -g surge

Then, from within your project folder:

npm run build
surge public

TODO

User Stories

  • User can see a timer for 25 minutes - the working session
  • After the working session is over, the User can see a timer for 5 minutes - the break session
  • User can start / pause, stop and reset the timers

Bonus features

  • User can hear a sound playing when the timer hits 00:00 - denoting that the session has ended
  • User can change / customize the minutes in both sessions before starting
  • User can set a long break session of 10 minutes. This will be activated every 4th break session

Top categories

Loading Svelte Themes