Code Monkey home page Code Monkey logo

capstone-project's People

Contributors

iammnils avatar

capstone-project's Issues

Starting screen

Value Statement

As a user
I need a dedicated starting screen
to be able to focus on the countdown and not being distracted by too many clickable options

Description (Text / Scribble / Wireframe / Design)

Starting Screen

Updated Countdown Screen

Acceptance Criteria

  • Starting screen is starting the countdown
  • Play-icon button becomes only resume button after pause
  • Active countdown option is visible in countdown screen
  • Click on stop button causes redirection to start screen
  • Pause does not cause redirection to start screen

Tasks

  • Create feature branch
  • Create component incl. styled-components in storybook
  • Install React Router https://reactrouter.com/web/guides/quick-start
  • Write component tests
  • Add component to the app
  • Write / adjust app logic
  • Add missing styles / adjust styles from parent component if necessary

Complexity

Medium

Countdown Pausable

Value Statement

As a user
I need the possibility to pause the countdown
to be able to manage unexpected breaks within my productive session without having to start again from the beginning

Description (Text / Scribble / Wireframe / Design)

Pausable Countdown

Acceptance Criteria

  • A button to pause the timer (share position with play button - new position for stop button)
  • While paused, end time display is not visible - on restart, time display adapts to new calculation
  • Pause button is not visible while countdown not previously started

Tasks

  • Create feature branch
  • Add font Inter to project
  • Adjust all buttons according to new SVGs
  • Create component incl. styled-components in storybook
  • Add component to the app
  • Add missing styles / adjust styles from parent component if necessary

Complexity

Medium

Add 50:00 Minutes Option

Value Statement

As a user
I need an option for the countdown starting from 50:00 minutes
to be able to apply a flexible approach of the pomodoro technique to adapt the technique according to my workflow.

Description (Text / Scribble / Wireframe / Design)

UserStory 2 - Countdown Option

Acceptance Criteria

  • Countdown is counting down from 50:00 minutes
  • Minutes and seconds are shown and always visible
  • Button should be able to start and stop the countdown (not pausing!) -> the stop button resets the counter to 50:00 minutes (if 50:00 is selected) and 25:00 (if 25:00 is selected)
  • Two additional buttons for length selection with highlighting required (disabled while countdown is active)

Tasks

  • Create feature branch
  • Create component incl. styled-components in storybook
  • Write component tests
  • Add component to the app
  • Add missing styles / adjust styles from parent component if necessary

Complexity

Medium

Add Countdown

Value Statement

As a user
I need a countdown starting from 25:00 minutes
to be able to apply a very basic form of the pomodoro technique to increase my productivity.

Description (Text / Scribble / Wireframe / Design)

Bildschirmfoto 2021-03-05 um 15 25 42

Acceptance Criteria

  • Countdown is counting down from 25:00 minutes
  • Minutes and seconds are shown and always visible
  • Button should be able to start and stop the countdown (not pausing!) -> the stop button resets the counter to 25:00 minutes
  • The button icon has to indicate a "start" and "stop" icon

Tasks

  • Create feature branch
  • Create component incl. styled-components in storybook
  • Write component tests
  • Add component to the app
  • Add missing styles / adjust styles from parent component if necessary

Complexity

High

Display Time According to Countdown End

Value Statement

As a user
I need an indication of the time at the end of the countdown
to be able to enhance my time management while being fully concentrate on the tasks ahead and thus, be more productive.

Description (Text / Scribble / Wireframe / Design)

Display Time at End of Countdown

Acceptance Criteria

  • Time is visible while countdown is active (hidden while countdown is stopped or after its finished)

Tasks

  • Create feature branch
  • Create component incl. styled-components in storybook
  • Write component tests
  • Add component to the app
  • Add missing styles / adjust styles from parent component if necessary

Complexity

medium

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.