Skip to content

development-strategy.md

Latest commit

 

History

History
109 lines (56 loc) · 1.94 KB

development-strategy.md

File metadata and controls

109 lines (56 loc) · 1.94 KB
Raw

Calculator-Refactor: Development Strategy

  • The project is aim is to build simple calculator site using JS, HTML and CSS. The project will be developed by using branches and project board on GitHub.

0. Repo

  • Write initial, basic README
  • Create project board
  • Assign issues according to agreed dev strategy
  • Turn on GitHub Pages

1. Setup

  • generate reposirty called Calculator-Refactor
  • Create boilerplate index.html
  • Create project board

2. User story Html-css

User can see the forms for input a selection option and a button for calculation

DOM

  • Create an element for the form
  • Create an element for the selection option
  • Create a button element
  • Add classes for styled elements

STYLES

  • Create styles for the form and inputs

3. User story create display-output

user can see an activated input places for the calculation

Logic:

  • Create a function that adds,subtracts,multiplies and divides
  • Create testing for the function

Handlers:

  • Create a calculateHandler that receives the users information and does the calculation.

DOM

  • Require and apply the script/..js files

4. User Story:

A user can use a well-styled page

STYLES

  • Create a style for the background

5. User Story: Display-listener

The user can use the calculator and see the result

Listener:

  • Create a click listener for the button element

STYLE

  • Style the output on the html
  • style the output on the css

6. Documentation

The user can see a writen development strategy

Finishing Touches

  • All bugs and errors were fixed

REF.