- List Contacts
- View Contact
- Add Contact
- Delete Contact
- Edit Contact
- Clean routing i.e '/contact/:id'
- Use material-ui for components
- Use xstate to manage app state.
- Connect to the graphql endpoint http://localhost:3001 by using create-react-app proxy feature
- Use the graphql endpoint to get/create/update/delete
- Name eg 'John Smith'
- Email eg 'john@smith.com'
- Date Modified eg '31-01-2018 15:04'
- Date Created eg '31-01-2018 15:04'
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits. You will also see any lint errors in the console.
Runs the graphql server.
Open http://localhost:3001 to view it in the browser.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.