https://github.com/krpeacock/ic-vcf-gatsby

Contact card demo app with Internet Computer backend
https://github.com/krpeacock/ic-vcf-gatsby

Last synced: 3 months ago
JSON representation

Contact card demo app with Internet Computer backend

• Host: GitHub
• URL: https://github.com/krpeacock/ic-vcf-gatsby
• Owner: krpeacock
• Created: 2021-03-31T16:17:51.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-08-17T14:20:38.000Z (about 3 years ago)
• Last Synced: 2024-06-21T18:10:39.574Z (5 months ago)
• Language: JavaScript
• Size: 436 KB
• Stars: 22
• Watchers: 3
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-icp - krpeacock/ic-vcf-gatsby

README

        


  IC Address Book App



[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/krpeacock/ic-vcf-gatsby)

Now with a blog post tutorial!

https://kyle-peacock.com/blog/dfinity/static-site-generators-ic


---

This app is a sample application meant to illustrate how to start up a new web app on the IC.

The project was bootstrapped using `npm init gatsby`, with the following modifications:

- Changing `src/pages/index.js` to be our new app

- adding `dfx.json` to deploy the application on the IC

Then, to add an IC backend,

- Adds `src/backend` with HashMap logic

- adds `gatsby-node` to configure webpack to handle environment variables for the dfx-generated actor

## Quickstart

Install the codebase with `npm install`

Follow directions to install `dfx` if you don't have it yet: https://sdk.dfinity.org/docs/index.html

run `dfx start --background` to start a replica;

run `dfx deploy phone_book` to deploy the backend canister

run `npm start` to spin up a development server

## Publishing

Run `npm run build` to compile the frontend app

Run `dfx deploy --network=ic` to deploy the app on Sodium