Hi, I'm Hammad 👋
Fullstack Web Developer. I love building things and helping people.
HJ

About

I am a tech savvy person, tinkering with my devices to customize them, root them, jailbreak them and automate them. I am in the habit of writing small, Python based CLI apps/scripts and automating stuff with Tasker and AutoHotKey. In 2022, I wrote my first Hello World in JavaScript and have been working as a web dev ever since.

Tech Stack

React
Next.js
Typescript
Node.js
Python
Postgres / Supabase / NeonDB
React Native / Expo
Clerk
Sentry
Posthog
Bunny / Mux
Meta Pixel
Shadcn UI
Magic UI

Expertise / Skills

I've worked on implementing different kinds of features, below are some of them:

Ads management (Meta Pixel)
Affiliation program
Analytics (Posthog, Google Analytics)
Authentication (Email, Google and more)
CMS (Custom or Payload)
Database, schemas and ORM
Email newsletter
Error tracking (Sentry)
File / image / video hosting
OTP verification
Payments (Stripe, Lemonsqueezy, Creem)
SEO (Google Search Console)
Web hosting
Webhooks
App / dashboard pages
Landing pages
Figma to Code
Create complex forms
Create RESTful APIs
Secure API calls & pages
My Projects

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

Calcurrency

Calcurrency

Calcurrency helps in converting a financial amount to multiple currencies in one go. There is also an Exchange Rates page that allows you to visualize all currencies at once.

NextJS
Typescript
Posthog
Frankfurter API
Multilingo

Multilingo

Namen helps in translating words or phrases in multiple languages in one go. Add many target languages as you want and compare the results.

NextJS
Typescript
Clerk
NeonDB
Posthog
Google Cloud Translate API
Namen

Namen

Namen is a small name finding tool. I built it to find cool project name ideas. The inspiration came from Italy's city names that are very unique and catchy.

NextJS
Typescript
Posthog
Google Cloud Translate API
Bluverr

Bluverr

This small agency helps budget and small startups to grow. I lead the design and development of the user facing pages. The website gives a modern and relaxing feel by combining big serif fonts with light colorful backgrounds.

NextJS
Typescript
TailwindCSS
Shadcn UI
Magic UI
SkillChampp

SkillChampp

This learning platform is a full-stack web app. I lead the development from front to back, design to code. On this platform, teachers can manage their courses, payments and visualize student progress. Students can consume content and progress on the leaderboard.

NextJS
Typescript
Supabase
Clerk
Sentry
Posthog
Resend
Bunny
Mux
TipTap
Framer Motion
Meta Pixel
Shadcn UI
Magic UI
Infuse

Infuse

I used ts-node for the API mainly because we needed everything to be type safe with Typescript and ts-node library provides that functionality. I added verification functionality for the data in the post methods. I implemented authentication to protected routes.

NodeJS
Typescript
Mini Tools

I like building things

During my time in university and after, I used to spend my time building small scripts/tools to help me with my daily tasks.

  • U

    Unify for Spotify

    Python CLI Tool

    Unify is a CLI app that allows users to save their Spotify library locally, keep it in sync, and many other features.
Contact

Get in Touch

Want to chat? Just shoot me a dm with a direct question on twitter and I'll respond whenever I can. Or you can just send me an email.