Contact Manager

Built with

• React.js
• Material-ui
• GraphQL
• Node.js
• Lowdb

Features implemented

• List Contacts
• View Contact
• Delete Contact
• Add Contact
• Edit Contact
• Use material-ui for components
• Connect to the graphql endpoint http://localhost:3001 by using create-react-app proxy feature
• Use the graphql endpoint to get/create/update/delete
• Clean routing i.e '/contact/:id'

Features to implement

Bonuses

• Use xstate to manage app state.

Contact

• 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'

Available Scripts

In the project directory, you can run:

npm start

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.

npm run gql

Runs the graphql server.

Open http://localhost:3001 to view it in the browser.

npm test

Launches the test runner in the interactive watch mode.

See the section about running tests for more information.