Sign inSign up

behoyh/angular-firestore-kubernetes

By behoyh

•Updated over 7 years ago

Uses Angular, Cloud Firestore, Angular Material, ngxs, and Bootstrap.

Image
0

782

behoyh/angular-firestore-kubernetes repository overview

⁠AngularFirestoreK8s

⁠AFK - The tech stack for lazy devs

Self-replicating blog I whipped up with Angular and Firebase. (Only GitHub clone works so far) The intent is to get this fully self-replicatable so that a user can clone, build a deploy this website to any Kubernetes cluster. Currently the issue is finding a Docker build agent and pushing to Docker Hub, but otherwise Digital Ocean and other cloud providers have the API's needed to deploy right from the client-side site. Example: beshoyhanna.com⁠

⁠Prerequisites
  • Google Cloud Firestore account
  • Docker Hub (or another Docker registry)
  • A working Kubernetes cluster AKS, Amzon AKE, GKE, Digital Ocean Kubernetes (DOK)
⁠Building
⁠You'll need Docker installled and a Docker Hub or another docker registry.

docker build -rm -f "Dockerfile" -t <version> .

⁠Tagging

docker tag <version> <registry>/<username>/<name>/<version>

docker tag <version> <registry>/<username>/<name>/latest

⁠Pushing

docker push <registry>/<username>/<name>/<version>

docker push <registry>/<username>/<name>/latest

⁠Deploying

Now you are ready to deploy to your favroite Kubernetes cluster!

Make sure you update afk-kube.yaml to point to your Docker registry.

Against your favorite kubernetes cluster, run

kubectl create -f afk-kube.yaml

Check on the hosted IP with

kubectl get services

and on your pods with

kubectl get pods

That's it! Enjoy your new blog!

⁠Project Status


⁠Blog App
  • Basic blog app functional
  • WYSIWYG editor integration for creating posts
  • Image upload / Video Streaming via OwnCloud or Google's Firebase platform
  • Create site real-time chat via Firebase
  • Allow users to add comments
  • User management
⁠Auto-Replication
  • Setup wizard to auto-replicate blog
  • Clone on Github via API
  • Automate builds programaticaly (Docker Hub)
  • Configure Firebase Rules
  • Deploy shiny new app to Kubernetes cluster, and make yaml file availiable for download.
  • Setup domain host
  • use Let's Encrpt API to secure site with SSL
  • Helm⁠ Chart
⁠Miscellaneous
  • Cleanup UI/UX
  • Cleanup Code
  • Update environment.ts file after GitHub clone with Firebase variables

⁠Timeline:

alt text

Tag summary

Content type

Image

Digest

Size

43.2 MB

Last updated

over 7 years ago

docker pull behoyh/angular-firestore-kubernetes