search

kauri-io / Content

A peer reviewed repository of content for kauri.io
12 stars 22 forks source link

Deploying Full stack Dapp to Heroku #50

Closed ChrisChinchilla closed 5 years ago

ChrisChinchilla commented 5 years ago

We have an existing tutorial collection that takes new web3 developers from beginning steps to a functioning full stack web3 dapp.

https://kauri.io/collection/5b8e401ee727370001c942e3

We want to add a new tutorial to this collection to show the steps to deploy application side of the dapp to heroku. Where the smart contract is deployed is up to you, maybe a test net, maybe Infura, but they front end and smart contract should connect with minimum issues.

Ideally the deployment process is maintainable as code changes, the app should also update.

The article should follow on from earlier parts of the series, use simple technical english and as little passive voice as possible. If you make a PR to this repo it offers advice on your text via a CI process.

mayorcoded commented 5 years ago

I am interested in working on this issue as I recently deployed a dapp on Heroku some days ago. Please let me know the modalities around working on this issue.

gitcoinbot commented 5 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

This issue now has a funding of 1.0 ETH (211.2 USD @ $211.2/ETH) attached to it as part of the kauri-io fund.

gitcoinbot commented 5 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

Work has been started.

These users each claimed they can complete the work by 11 months, 3 weeks from now. Please review their action plans below:

1) iamonuwa has applied to start work _(Funders only: approve worker | reject worker)_.

I'll deliver this task today if approved 2) mul1sh has applied to start work _(Funders only: approve worker | reject worker)_.

Hi Chris,

I believe I can get this done in a few hours today because i've done this severally on my end i.e. deploying a dApp in heroku that connects to web3 via infura. Thanks. 3) crawfordleeds has been approved to start work.

My last company used Heroku for our frontend, rest API, and GraphQL API so I have quite a bit of experience deploying to Heroku with Node and Python. I'll have to re-read the existing tutorial and be able to deploy the app myself. Once I deploy myself I'll be able to repeat and do a complete write-up for the tutorial series. 4) batatsar has applied to start work _(Funders only: approve worker | reject worker)_.

I plan to write the article as the sequence of https://kauri.io/article/86903f66d39d4379a2e70bd583700ecf/v14/truffle:-adding-a-frontend-with-react-box I've just finished deploying the front-end https://github.com/kauri-io/kauri-fullstack-dapp-tutorial-series/tree/master/truffle-react-box-frontend/client to heroku at https://bounties-dapp.herokuapp.com/ I took note all the steps (with screenshot) from install heroku-cli (after remove the gem version), register account to create app and deploy. The app will auto re-deploy whenever we push code to new git master.

Learn more on the Gitcoin Issue Details page.

ChrisChinchilla commented 5 years ago

Welcome on board @crawfordleeds please create a branch, work in that and then send a PR. I'll then review and work with you on your submission. Any questions, let me know.

ghost commented 5 years ago

Thanks, @ChrisChinchilla I'll be getting started shortly. Look forward to working with you.

ghost commented 5 years ago

Hey, @ChrisChinchilla, I just went through the existing tutorial series and was hoping to ask some clarifying questions to make sure I get the scope and deliverables right:

  1. May I confirm that the intent of this project is just to provide a tutorial for deploying the react application created in the tutorial Truffle: Adding a frontend with react box? I'd just like to make sure I'm working on the right app and that you're not expecting any functional changes, barring any changes required for deployment.

  2. Is there a naming convention or directory you prefer I use for the content? I was expecting a folder for this collection of tutorials but didn't see one.

Thanks!

ChrisChinchilla commented 5 years ago

@crawfordleeds

  1. Yup, in this case, as Heroku doesn't let you host any of the smart contract side. Basically this tutorial is to show people how to deploy the front end side of things somewhere, using Truffle, updating any config etc.
  2. The code for this series lives here - https://github.com/kauri-io/kauri-fullstack-dapp-tutorial-series so make a PR/branch to that for anything you need.
ghost commented 5 years ago

Thanks, @ChrisChinchilla. That brings up one more question, but I'll add it to my WIP PR (#70) for clarity.

gitcoinbot commented 5 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

Work for 1.0 ETH (184.98 USD @ $184.98/ETH) has been submitted by:

  1. @crawfordleeds

@ChrisChinchilla please take a look at the submitted work:

gitcoinbot commented 5 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

The funding of 1.0 ETH (186.53 USD @ $186.53/ETH) attached to this issue has been approved & issued to @crawfordleeds.