badabam/capstone-project

Personal website of Jeremias Erbs

Used technology

• parcel
• posthtml
• postcss
• babel
• nanocss

Installation

$ npm install

Develop and run server

$ npm start

Deploy to Github Pages

Build a new version of the docs/ folder. Push to master

$ npm run deploy # Runs an sh script that builds, commits and pushes

Anything else

Look into the package.json

capstone-project's Issues

Add backend

Value proposition

As a user,
I want to have my data on a server
so that I have access from multiple devices

Description

-/-

Acceptance criteria

• Todos are persisted in backend
• Screen shows '... Loading ...' while loading
• New todos are rendered when the backend answered with success
• Todos are added and updated after server response
• Screen shows an error message if an error occurred while fetching or sending data

Complexity

Medium

Tasks

• Create branch
• Fetch data on initial run
• Update addTodo and toggleTodo function
• Add state for loading and error
• Delete localStorage hook

Check-and-uncheck

Value proposition

As a user,
I want to mark todos as done,
so that to see what is done without having to remember it

Description

Acceptance criteria

• New todos are unchecked
• Tapping on the todo text toggles the checked state
• There are only two states: checked and unchecked
• Checking/unchecking does not change sort order
• Checked todos are striked through

Complexity

Small

Tasks

• Create branch
• Setup stories for TodoItem
• Write specs for TodoItem
• Implement TodoItem
• Update state logic in App with TodoItem

localStorage

Value proposition

As a user,
I want to have my todos saved in the browser
so that I don't loose my progress in between reloads

Description

-/-

Acceptance criteria

• All todos with their done state are persisted
• Saving takes place immediately for each change

Complexity

Small

Tasks

• Create branch
• Add hook for localStorage
• Test with empty localStorage

List of todos

Value proposition

As a user,
I want to create a list of todos,
so that I don't have to remember them.

Description

Acceptance criteria

• Items are added to the end
• The form is always at the bottom
• Todos scroll above the form
• Whitespace is trimmed
• Empty todos are not added
• Maxlength is 100 chars
• Items wrap

Complexity

Small

Tasks

• Create branch
• Add base styles
• Setup Storybook for TodoForm
• Implement TodoForm component
• Write specs for TodoForm
• Add TodoForm to App
• Add state for todos
• Render todos in an unordered list