GithubHelp home page GithubHelp logo

resume's Introduction

CI/CD Resume

  • This is a trivial setup to demonstrate CI/CD
  • We do realize this is not how CI/CD works in real organizations
  • This project tries to demonstrate the important concepts

Concepts demonstrated

  • Github push triggering a CI/CD
  • There is no CI here since there is nothing to build
  • CD is triggered using a webhook which deploys to a digitalocean droplet

Components in CI/CD pipeline

  • Github
  • webhook
  • Digitalocean droplet (this is what hosts the resume)

What exactly happens in the pipeline

  • The resume is just a html document with CSS
  • Digitalocean droplet is running a docker host on ubuntu
  • We are running a NGINX docker container which serves our static website
  • we have mounted the folder containing resume on the docker container as a volume
  • so whenever we change the resume.html on docker host nginx container serving the content will get the updates
  • We have installed a webhook receiver on the digitalocean droplet to receive webhooks
    • The webhook on the droplet is configured to download the raw resume html on receiving a webhook and replacing the existing resume.html on docker host
    • once this html on docker host is refreshed the same change will make it to the container
  • We have configured github to send a webhook on every push or commit to github

Pipeline in action

  • Change is pushed to Github
  • Github triggers a webhook on digitalocean droplet
  • Upon invoking, Webhook downloads the latest resume.html from github and replaces the old content
  • As soon as the html is refreshed, it makes its way to the container

resume's People

Contributors

sagardutta avatar dineshchandvarre avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.