Be sure to read in a Markdown viewer.
This doc contains some notes for you to understand the context of the technologies used. May be of help. Feel free to refer to my writeups on each project if you need additional information.
Categorised per project. Items prepended with an exclamation mark (!) and bolded are the highlights of the project. More exclamation marks means more important.
Currently, pierreccesario.com has covers that are in the aspect ratio 3.84:1. The covers can be of any ratio, though.
There's a lot of variations available. Any additional ones and their guidelines will be listed here with hyperlinks.
- AWS Co-Marketing Logos
- RedHat Logo Brand Standards
- RedHat Product Logo Brand Standards
- Docker Logos
- Nodejs Guidelines and Hexcodes
- GitHub Permitted Logos
- MongoDB Guidelines and Hexcodes
- Prometheus Logos and Hexcodes
- Kubernetes Logos and Hexcodes
- ArgoCD Logos and Hexcodes
- Terraform SVGs
- Hugo SVGs
- Nginx SVGs
Badminton scheduling and payment management site.
I don't care for frontend
| Infrastructure | Continuous Integration | Container Orchestration | Backend | Frontend |
|---|---|---|---|---|
   |
 |
 |
 |
  |
 |
 |
 |
 |
 |
  |
 |
 |
 |
|
  |
  |
 |
| Item | Description/Use |
|---|---|
| !!Docker | Containerises application for easy management and deployment |
| !!Kubernetes (K8s) | Container orchestration. |
| !!GitHub Actions | Continuous Integration service. Automates code tests, builds and validation on commit to Git |
| !!Jenkins (Legacy) | Continuous Integration service. Automates code tests, builds and validation on commit to Git |
| !!ArgoCD | Continuous Deployment service. Automates new version deployments on commit to Git |
| !!Nginx | Reverse proxy Jenkins, Ingress controller for Shuttleday API in K8s cluster |
| !!AWS | Cloud provider, hosts virtual machine to run Jenkins |
| !DigitalOcean | Cloud provider, hosts Kubernetes cluster |
| !Proxmox | Type 1 Hypervisor for my Homelab VMs |
| !Cloudflare | DNS service provider. |
| !!Terraform | By code, defines what Cloudflare, DigitalOcean and AWS resources to provision |
| !!Ansible | By code, defines what software to install and configurations to perform on the provisioned AWS VMs |
| !Red Hat Enterprise Linux (RHEL) | Linux distribution of choice on the AWS VM |
| !TypeScript | Backend language |
| !Express.js | Backend API framework |
| !Node.js | Backend runtime |
| JWT | Authentication method |
| MongoDB | Database |
| React | Frontend framework |
| JavaScript | Frontend language |
| Webpack | Frontend bundler |
| Material UI | Frontend component library |
| GitHub | Code repository |
| Jest | Testing framework |
Homelab/Home server. Used for hosting personal services and as a staging environment.
| Operating Systems | Networking | Container Orchestration | Git | Misc |
|---|---|---|---|---|
|
 |
|
 |
 |
|
 |
|
 |
|
 |
|
|
| Item | Description/Use |
|---|---|
| !!Docker | Containerises application for easy management and deployment |
| !!Kubernetes (K8s) | Container orchestration. Staging environemnt. |
| !!ArgoCD | Continuous Deployment service. Automates new version deployments on commit to Git |
| !!Terraform | By code, defines what Proxmox resources to provision |
| !!Ansible | By code, defines what software to install and configurations to perform on the provisioned VMs and containers |
| !Red Hat Enterprise Linux (RHEL) | Linux distribution |
| !Proxmox | Type 1 Hypervisor for my Homelab VMs |
| !Ubuntu | Linux distribution |
| !Nginx | Internal reverse proxy |
| GitLab | Code repository |
| Adguard Home | Network-wide DNS adblocking |
| Wireguard | Home VPN server |
| Samba | SMB File Share for backups and Time Machine |
Malaysian e-commerce PC parts price aggregator and configurator
Again, I don't care for frontend
| Infrastructure | DevOps | Backend | Frontend |
|---|---|---|---|
| |
 |
|
 |
| |
 |
 |
|
|
|
|
 |
|
  |
| Item | Description/Use |
|---|---|
| !!Docker | Containerises application for easy management and deployment |
| !!Prometheus | Gathers metrics on site performance, resource usage, etc |
| !!Grafana | Displays Prometheus metrics data as nice visualisations |
| !!Jenkins | Continuous Integration/Contiuous Deployment service. Automates new version deployments once I commit to Git. |
| !!Nginx | Reverse proxy. |
| !!AWS | Cloud provider, hosts virtual machine to run Jenkins and PCPartsTool site |
| !Cloudflare | DNS service provider. |
| !!Terraform | By code, defines what Cloudflare and AWS resources to provision |
| !!Ansible | By code, defines what software to install and configurations to perform on the provisioned AWS VMs |
| !Red Hat Enterprise Linux (RHEL) | Linux distribution of choice on the AWS VM |
| !Node.js | Backend runtime |
| !TypeScript | Backend language |
| MongoDB | Database |
| SvelteKit/Svelte | Backend and Frontend simultaneously. Either logo works |
| Tailwind | Frontend styling framework |
| DaisyUI | Frontend component library |
| GitHub | Code repository |
| Playwright | End-to-end testing framework for the site |
Portfolio website
GitHub is only here because the CI/CD column would be so empty without it. You'll notice that I don't even mention it on the serious projects
| Infrastructure | CI/CD | Site |
|---|---|---|
| |
|
 |
| |
 |
 |
|
| Item | Description/Use |
|---|---|
| !!Jenkins | Continuous Integration/Contiuous Deployment service. Automates updates to the website once I commit to Git. |
| !!AWS | Cloud provider, hosts virtual machine to run Jenkins and static website file storage |
| !!Red Hat Enterprise Linux (RHEL) | Linux distribution of choice on the AWS VM |
| !Cloudflare | DNS service provider. |
| !!Terraform | By code, defines what Cloudflare and AWS resources to provision |
| !!Ansible | By code, defines what software to install and configurations to perform on the provisioned AWS VMs |
| Markdown | Language used to write the pages. |
| Hugo | Static site generator. Turns markdown files like this into nice looking pages |
| GitHub | Code repository |
Discord bot
No nice graphic here because it was one of my first projects
| Item | Description/Use |
|---|---|
| !!Docker | Containerises application for easy management and deployment |
| !!Jenkins | Continuous Integration service. Automates code tests and deployment on commit |
| !TypeScript | Backend language |
| !Node.js | Backend runtime |
| Discord | Integrates with Discord |
| GitHub | Code repository |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent