https://github.com/zheeeng/google-contacts

Google Contacts Demo
https://github.com/zheeeng/google-contacts

contacts google google-contacts material-ui reach-router react typescript

Last synced: 15 days ago
JSON representation

Google Contacts Demo

• Host: GitHub
• URL: https://github.com/zheeeng/google-contacts
• Owner: zheeeng
• License: mit
• Created: 2018-07-23T07:53:38.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-01-16T14:41:35.000Z (over 4 years ago)
• Last Synced: 2025-03-18T06:16:27.594Z (about 1 year ago)
• Topics: contacts, google, google-contacts, material-ui, reach-router, react, typescript
• Language: TypeScript
• Homepage: https://contacts.zheeeng.me
• Size: 2.58 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Google Contacts

[![Greenkeeper badge](https://badges.greenkeeper.io/zheeeng/google-contacts.svg)](https://greenkeeper.io/)

[![language](https://img.shields.io/badge/%3C%2F%3E-TypeScript-blue.svg)](http://typescriptlang.org/)

[![license](https://img.shields.io/github/license/mashape/apistatus.svg)]()

[![travis](https://img.shields.io/travis/zheeeng/google-contacts.svg)](https://travis-ci.org/zheeeng/Google-contacts/)

[![demo](https://img.shields.io/badge/Demo-GithubPages-green.svg)](https://contacts.zheeeng.me/)

Google Contacts Demo

# Demo Site

https://contacts.zheeeng.me

## Setup

### Prerequisite

Make sure you have got the Google APP Key and a Client ID, you may get them through the following link:

https://console.developers.google.com/start/api?id=people.googleapis.com&credential=client_key

### Cli

Take the `yarn` as the example:

git clone this repo and then install dependencies:

```sh

> git clone https://github.com/zheeeng/Google-contacts.git

> cd Google-contacts

> yarn

```

Provide these keys as environment variables:

```shell

> REACT_APP_GOOGLE_APP_KEY= REACT_APP_GOOGLE_CLIENT_ID= yarn start

```

## Build

```shell

> REACT_APP_GOOGLE_APP_KEY= REACT_APP_GOOGLE_CLIENT_ID= yarn build

```

## Note

1. App requires you login with Google Account and Chrome will warns you insecure accessing, just bypass it and authorize your consent.

2. git ignores `/public/CNAME` file, it means you could add your own `/public/CNAME` file for hosting your site using github pages.