My Projects

Django Project Thumbnail

DJANGO FEROZFAIZ.COM

I developed ferozfaiz.com using Django, focusing on a fully server-side rendered architecture. To enhance interactivity and reactivity, I integrated HTMX and AlpineJS. Additionally, I implemented OAuth 2.0 authentication, supporting both Google and Microsoft. I used RabbitMQ/Celery to send emails. Kakfa was used to ship logs to ElasticSearch/Grafana. I also used Hashicorp Vault to store secrets. The application is deployed on Kubernetes.

Tech Stack :  Django, PostgreSQL, Redis, Rabbitmq/Celery, Kafka, ElasticSearch, TailwindCSS, HTMX, AlpineJS, Docker, Kubernetes, ViteJS, Tiptap, Hashicorp Vault, Google & Microsoft OAuth 2.0, Amazon SES, AWS ECR

GitHub

SPRING BOOT API

I developed this Spring Boot API for a Next.js application under development. It leverages PostgreSQL, secures endpoints with OpenID Connect, and uses Hashicorp Vault for secret management—all deployed on a self-managed Kubernetes cluster.

Tech Stack: Spring Boot, PostgreSQL, OpenID Connect, Hashicorp Vault, Kubernetes

View Demo GitHub
ReactJS Project Thumbnail

REACTJS CRUD APP

This ReactJS project is a web application that allows users to create, read, update, delete, sort, and search data. I used ExpressJS to create the API. To deploy the application and the API, I used Kubernetes.

Tech Stack : ReactJS, ExpressJS, PostgreSQL, Bootstrap, SASS, Docker, Kubernetes

View Demo GitHub
Angular Project Thumbnail

ANGULAR CRUD APP

This Angular project is a web application that allows users to perform the same CRUD operations as the ReactJS app. I used the same ExpressJS API as the backend. Consequently, I used the same Kubernetes configuration.

Tech Stack : Angular, ExpressJS, PostgreSQL, Bootstrap, SASS, Docker, Kubernetes

View Demo GitHub
Angular Project Thumbnail NPM Downloads

Tiptap Inline Code Highlight Extension

I developed a Prosemirror extension for Tiptap, a WYSIWYG editor. The extension allows users to highlight inline code snippets within the editor. It uses Lowlight/HighlightJS to highlight codes.

Tech Stack : Prosemirror, Tiptap, Lowlight/HighlightJS

NPM GitHub
ExpressJS Project Thumbnail

EXPRESSJS API

This ExpressJS project is an API that ReactJS and Angular use to enable users to perform CRUD operations. I used PostgreSQL as the database.

Tech Stack : ExpressJS, PostgreSQL, Docker, Kubernetes

View Demo GitHub

NEXT CSRF

A lightweight CSRF protection middleware for Next.js on the Edge Runtime. It secures write methods (POST, PUT, PATCH, DELETE) by double-checking the CSRF token from the request against the token stored in a cookie.

Tech Stack: Next.js, Edge Runtime

NPM GitHub
Django Project Thumbnail

DJANGO REST FRAMEWORK API

This Django Rest Framework project mirrors the functionalities of the ExpressJS API.

Tech Stack : Django Rest Framework, PostgreSQL, Docker, Kubernetes

View Demo GitHub
Ansible Project Thumbnail

ANSIBLE PLAYBOOK

I automated the deployment of a Kubernetes cluster using Ansible. I used RKE2 to create the Kubernetes cluster.

Tech Stack : Ansible, RKE2, Kubernetes, Shell

GitHub