Giter Site home page Giter Site logo

rbn2208 / capstone-project Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 2.27 MB

This is my final project for the web development course at neuefische. An app for craftsman to quickly and easily determine costs

Home Page: https://capstone-project-zeta.vercel.app/

JavaScript 99.27% HTML 0.73%

capstone-project's Introduction

capstone-project's People

Contributors

rbn2208 avatar

Stargazers

 avatar

Watchers

 avatar

capstone-project's Issues

Example List of services

Value statement
As a user,
I would like to have a list with workservices,
wich show my their cost value when i click the service.

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-06 at 12 41 53

Acceptance criteria

  • The name of the service is visible.
  • The costvalue of the service is also visible, when the service card is clicked

Tasks

  • Create feature branch
  • Create a examplelist with services and costvalues
  • Create Servicecard component in Storybook
  • Write component tests
  • Add components to app (feature implementation with state)
  • Create function for show/hide on click
  • Add missing styles

Complexity
low

Optional Infotext for each service

As a user, i want to add infos for my services

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-19 at 16 33 32

Acceptance criteria

  • There is a new input when creating a new service
  • The given input will be displayed on the servicecard

Tasks

  • Create feature branch
  • Implement input
  • implement logic to get inputvalue
  • Write component tests
  • Add components to app (feature implementation with state)
  • Add missing styles

Complexity
medium

Add a new card

Value Statement

As a user i want to add my own services,
They should contain a name, my costs and each click should represent my time in hours

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-10 at 12 30 42

Acceptance criteria

  • There is a button for a new entry.
  • The Button opens a new form
  • The form has inputs for a "name", "estimated hours" and "costvalue"
  • It has a submit button

Tasks

  • Create feature branch
  • Create the Form with a button in storybook
  • Update other components
  • Logic for new cards on submit
  • Logic to save to local
  • Write component tests
  • Add components to app (feature implementation with state)
  • Add missing styles

Complexity
medium

detailed historyentrys

As a user, i want to see more informations in my history, like a list with all services wich i used for caculation

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-21 at 13 00 40

Acceptance criteria

  • There is a "Info"-Button
  • a box opens with a list of services for each history

Tasks

  • Create feature branch
  • implement button
  • implement logic
  • Write component tests
  • Add components to app (feature implementation with state)
  • Add missing styles

Complexity
medium

Searchbar

As a user, i need a searchbar, so i can find my services faster

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-21 at 12 54 47

Acceptance criteria

  • there is searchbar
  • the searchbar filters on input by name

Tasks

  • Create feature branch
  • create searchbar
  • implement searchbar
  • write logic for searchbar
  • Write component tests
  • Add components to app (feature implementation with state)
  • Add missing styles

Complexity
medium

Delete Services

As a user, i want to delete some of my old calculations and my services, so i get a better overview.

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-19 at 16 30 25

Acceptance criteria

  • The History displays my last calculations
  • There is a delete button for each service
  • there is a delete button for each history entry

Tasks

  • Create feature branch
  • Implement button
  • implement delete logic
  • Write component tests
  • Add components to app (feature implementation with state)
  • Add missing styles

Complexity
medium

Landingpage

Landing page with an info text about the usage of the app

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-26 at 15 51 50

Acceptance criteria

  • there is a landing page
  • it´s no login!
  • there is loading bar

Tasks

  • Create feature branch
  • create landingpage
  • Write component tests
  • Add components to app (feature implementation with state)
  • Add missing styles

Complexity
medium

Save Result to history

As a user, i want to save my calculations, so i can see what i did in the past.

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-15 at 11 55 11

Acceptance criteria

  • There is a page for a history
  • I need a navigation to the historypage
  • From the History i get back to my home
  • When i click on a button, my result will get saved to the history

Tasks

  • Create feature branch
  • create the different pages
  • create a navigation
  • implement react router
  • update Servicecard component in Storybook
  • Create Storybook Components
  • Write component tests
  • Add components to app (feature implementation with state)
  • Add missing styles

Complexity
low

Stuck on updating the localStorageArray with the new cost value

Expected Behavior

  • Neuen Service hinzufügen mit Name und Kosten
  • Die Kosten haben einen Default-Wert von 50 wenn sie nicht angegeben werden
  • Klickt man auf die Servicekarte, steht unter Kosten entweder ein angegebener Wert oder 50
  • Man kann dort im Input einen neuen Wert angeben und "Set" klicken
  • Der Wert wird dementsprechend geändert
  • Jede weitere Berechnung wird mit dem neuen Wert ausgeführt

Actual Behavior

  • Der geänderte Wert ist nur temporär Nutzbar und wird nicht im localStorage für den jeweiligen Nutzer dauerhaft geändert
  • (bis dieser Wert wieder geändert werden würden)

Hier der Link zur aktuellen Version

https://capstone-project-by-rbn.herokuapp.com/

Bei Klick auf Plus werden in der Konsole alle Services(array) ausgeloggt.
Bei Klick auf Set wird der eigegebende Wert ausgeloggt

Update tests and storybook

Tests & Storybook

Description (Text, Scribble, Wireframe, Design)

Acceptance criteria

  • Update/Add tests & storybook

Tasks

  • Add Stories
  • Write component tests

Complexity
medium

Updatet save result

As a user, i want to add a keyword to my saved results, so i get an better overview

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-26 at 15 49 39

Acceptance criteria

  • There is an textarea in the safe result form
  • It´s an required textfield
  • the value of the textfield get displayed over it´s own historyentry
  • There is a button to save images

Tasks

  • Create feature branch
  • implement inputfield
  • implement logic
  • Write component tests
  • Add components to app (feature implementation with state)
  • Add missing styles

Complexity
medium

History

As a user, i want to delete some of my old calculations, so i get a better overview.

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-15 at 11 58 26

Acceptance criteria

  • The History displays my last calculations
  • there is a button to delete a historyentry

Tasks

  • Create feature branch
  • Create the Form with a button in storybook
  • Write component tests
  • Add components to app (feature implementation with state)
  • Add missing styles

Complexity
medium

Add cards to shopping cart

Value Statement

As a user,
i want to add and substrate services,
to get a costvalue result

Description (Text, Scribble, Wireframe, Design)

Screenshot 2021-03-08 at 15 17 52

Acceptance criteria

  • There is a button to add a value
  • There is a button to substrate a value
  • The final result will be displayed
  • A selectet service is highlighted

Tasks

  • Create feature branch

  • Add Buttons in Storybook

  • Update Servicecard in Storybook

  • Add math logic

  • Write component tests

  • Add components to app (feature implementation with state)

  • Add missing styles

  • Added a Counter to see how often a service is added

  • Logic so the counter cant go negative

Complexity

low +2

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.