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

NEXTJS UI

This project uses Next.js for a product catalog, designed with the Entity Attribute Value (EAV) model—perfect for flexible, dynamic product attributes. The API is built using Spring Boot. Authentication and authorization are handled by my own custom monorepo package.

Tech Stack: Next.js, 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
NPM Downloads

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
NPM Downloads

EDGE TOKEN

A simple and secure token utility for generating and verifying tokens with optional data and timing. Edge Runtime compatible, making it ideal for use in serverless environments like Vercel Edge Functions, Cloudflare Workers, and other edge computing platforms.

Tech Stack: Edge Runtime, TypeScript

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
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