pastur/contacts-graphql

Example app using Apollo GraphQL

Contact Manager

Example contact manager app using:

• TypeScript
• React with hooks
• React Router v5.1
• Material-UI for styling.
• Apollo Client for GraphQL queries.
• xstate to manage app state.

Features

• List / View / Add / Delete / Edit Contacts

Contact info

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