Advanced State Management Sprint Challenge

Technologies

React, Redux, Redux Thunk

See Live

https://uyi2r.csb.app/

Filling Out Form

Added Entry

Failed GET

Invalid Form

Project Requirements

• Display list of guests
• Have form to add guest and have it rendered in the guest list
• Validate that all name, position, and nickname are filled in
• Leverage Redux for state management

Future Improvements

• Click guest name to hide details
• Reset form on submit
• Add new guest to top of list for user experience
• Leverage Yup for additional form validation

Notes for Future Developers

For this Proof of Concept, a mock server is used rather than a live API.

• [GET] to http://localhost:3333/guests: returns the list of all guest objects.

• [POST] to http://localhost:3333/guests: creates a new guest object. Pass guest data through the body of the request.

• Guest Object Structure

[
  {
    id:"JzdWIiOiIxMjM0NTY3ODkwIiwibmFtZ",
    name:'Donna Clark',
    position:'Senior VP of Engineering at Cardiff Electric',
    nickname: 'Matriarch of Mutiny',
    description: 'Donna wears many hats as investor, hardware engineer, software engineer, and executive. She is motivated by the desire to create the future.'
  }
];