58 lines (38 loc) · 1.23 KB

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.