Here are some user stories that describe some functionality of a React/Redux app, enabling a user to add, edit and delete 'jargon' items from the database.
As an admin I want to see all available 'jargon' terms in the database
As an admin I want to add a new 'jargon' item to the database.
- Form should disable if input is invalid - name or description field empty or 'jargon' name already exists
- Users should be reminded of existing jargon terms that match the name input field.
- User should see a warning if they attempt to enter an item matching one that already exists.
As an admin I want to edit an existing 'jargon' term.
- During editing, user should be able to cancel changes and return to original term
- During editing, user should be presented with save and cancel options
As an admin, I want to delete an existing 'jargon' term.
- User should be prompted to confirm if they choose to delete
In the screens directory, you can see some screenshots which show the system in action. Should you need them, in the data directory there is a json data file containing all jargon items.
- Describe your approach to putting this together. What would you split into components and why?
- Code one of these components (you can choose which one)
- What would you test about this component and why?
- Give an example of where you might choose to use internal state for a component.
Create a branch off master. So that we can identify your branch easily, slugify your name - i.e. if your name is "John Smith", call your branch "john-smith". When you're happy with your answers/code, just push the branch back up and let us know.
Good luck! The Circus Street Team