ci-cd-restro-app

Learning CI/CD practices by implementing them on a restaurant booking app.

CI / CD pipelines ⚙️

Build pipeline

GitHub Workflows

File	Description
build_backend.yml	To build and test backend code (node.js). Triggers on push to master with file patterns: **/*.js, **/package.json', '!**/frontend/**' (excludes frontend folder)
build_frontend.yml	To build and test frontend code (react). Triggers on push to master with file patterns: **/frontend/**/*.js, **/frontend/**/package.json

Release pipeline

GitHub Workflows

File	Description
deploy.yml	To deploy code. Depends on build_backend and build_frontend jobs (see image below)

Tools and frameworks 🚜

Automation and Cloud

• Ansible
• GitHub Actions
• Docker
• Microsoft Azure (for cloud resources)

Web Application

• React
• NodeJS
• MySQL

Learning Outcomes 💡

• Understand how to set up infrastructure with Ansible playbook(s)
• Configure NGINX, Node and other tools for serving the site with Ansible playbook(s)
• Continuous Integration with GitHub Actions
• Continuous Deployment with GitHub Actions and Ansible

Infrastructure 🏗️

• Server
  • NGINX
  • NodeJS
• Azure DB for MySQL

References

• My Ansible basics repository
• Azure
  • https://learn.microsoft.com/en-us/azure/developer/ansible/install-on-linux-vm?tabs=azure-cli#create-azure-credentials
  • https://learn.microsoft.com/en-us/azure/developer/ansible/vm-configure?tabs=ansible
• Github Actions
  • https://docs.github.com/en/actions/creating-actions/dockerfile-support-for-github-actions
  • https://docs.github.com/en/actions/creating-actions/creating-a-docker-container-action#testing-out-your-action-in-a-workflow
• Ansible
  • https://docs.ansible.com/ansible/latest/collections/azure/azcollection/azure_rm_resource_module.html