Logo-Dark
Siam Ahnaf
Icon
<span>

Hey, I’m Siam Ahnaf

</span>

Senior {Full Stack} Web & App Developer_

<p>With expertise in cutting-edge technologies such as NodeJS, React, NextJS, and NestJS... I deliver web and mobile application that are both professional and innovative.</p>

  • Javascript
  • Typescript
  • Dart
  • T3 Stack
  • Next Js
  • React Js
  • Tailwind CSS
  • Tanstack
  • Apollo Client
  • Flutter
  • Node Js
  • Nest Js
  • GraphQL
  • tRPC
  • Prisma
  • Postgre Database
  • Firebase
  • Supabase

...and more

Download CV
Contributions

My Latest Contributions

Dotswitch

Dotswitch

Tools

Run and manage .NET projects from a small always-available window, instead of a pile of terminal tabs.

Drop

Drop

General Tool

Drop is a personal network drive and device-aware messaging platform — create a private network.

Color Picker - by Siam Ahnaf

Color Picker - by Siam Ahnaf

Chrome Extension

Pick any color from the web. Convert between formats, look up names, check accessibility, and build beautiful palettes.

Runly

Runly

General Tool

Turn any function into a runnable mini-app. Paste a function and get an instant tool — inputs, outputs, and logs, all in one place.

Ritext

Ritext

React Package

Ritext is a headless, composable rich text editor for React. Ship your own toolbar, UX, and design language with flexible extensions and clean APIs.

Imagisum

Imagisum

General Tool

The best free stock photos, royalty free images with custom size and download for your website

React Drag n Drop Builder

React Drag n Drop Builder

React Package

A react drag and drop email, form and website builder that helps you easily create emails, forms, and soon full websites

Transform

Transform

General Tool

Paste your JSON in the json editor below, click generate dart and get your dart model and entity classes for free.

graphql-pg-subscriptions

A graphql subscriptions implementation using postgres and apollo's graphql-subscriptions.

npmv3.3.0

code stylestandard

react-simple-phone-input

A simple react phone input component with calling code dropdown🤷

npmv6.0.1

code stylestandard

@siamf/react-export

A React package that simplifies data exporting and clipboard management. It provides react component for printing documents, exporting data as PDF, Excel, and CSV, as well as copying text and structured data to the clipboard.

npmv4.1.3

code stylestandard

react-text-loop-ts

A simple react text loop component🤷

npmv1.0.5

code stylestandard

@siamf/iso3166

A tiny, zero-dependency dataset and utilities for ISO-3166 country codes (alpha-2/alpha-3/numeric) and names. Lookup by code or name, validate inputs, and map between formats—fast and tree-shakeable.

npmv4.3.2

code stylestandard

react-time-picker-typescript

A simple react time picker ios style component🤷

npmv1.2.5

code stylestandard

@siamf/next-progress

A next js (app+page) route top progress bar has all the functionality required, including all the features and fixed from earlier packages.

npmv2.0.1

code stylestandard

@siamf/otp-timer

A simple react otp timer component with resend functionality🤷

npmv5.0.4

code stylestandard

@siamf/react-signature-pad

A lightweight, dependency-free React signature pad with an essential API and extensive customization.

npmv2.0.1

code stylestandard

nodejs-s3-typescript

A npm package to upload your files into AWS S3 Bucket directly using nodejs

npmv3.2.6

code stylestandard

@siamf/rating

A React rating component that supports Next.js SSR and allows fractional step ratings for precise user input. The component is customizable, lightweight, and optimized for performance.

npmv1.5.4

code stylestandard

@siamf/upload

A fully headless React package for handling image and file uploads with complete UI control. It provides four flexible components—ImageUpload, MultiImageUpload, FileUpload, and MultiFileUpload.

npmv1.3.2

code stylestandard

@siamf/tooltip

A highly customizable advanced React tooltip component, offering extensive styling options to fit any design needs. It supports dynamic positioning, and custom triggers for enhanced interactivity.

npmv1.6.1

code stylestandard

@siamf/react-color-pick

An easy to use canva style react color picker tool.

npmv1.5.4

code stylestandard

ritext

Ritext is a modern WYSIWYG rich text editor built with Tailwind CSS, powered by Tiptap. It offers a customizable UI and functional layer that lets you design your own editor controls and toolbars with clean, composable React components—no heavy UI, no ext

npmv2.0.1

code stylestandard

@siamf/google-translate

A nodejs package for translating text using google translate for free! It also support batching translation!

npmv1.2.9

code stylestandard

medium-nodejs-client

Nodejs(TypeScript) client for Medium API (Official Medium API)

npmv1.1.1

code stylestandard

next-fetcher

A nextjs typescript friendly utility for seamless data fetching.

npmv2.5.8

code stylestandard

react-s3-typescript

A npm package to upload your files into AWS S3 Bucket directly using react

npmv4.1.0

code stylestandard

google-translate-nodejs

A nodejs package for translating text using google translate for free! It also support batching translation!

npmv1.2.8

code stylestandard

@siamf/context-menu

React hook for displaying configure able context menu

npmv1.2.2

code stylestandard

sslcommerz-nodesdk

A well-maintained, unofficial Node.js package for integrating SSLCommerz payments. Provides reliable support for initiating and handling transactions with minimal setup.

npmv1.0.5

code stylestandard

@siamf/teamdesk

A Node.js TeamDesk API client for placing API requests directly to TeamDesk from Node.js. It supports almost all teamdesk api method and query params

npmv1.5.2

code stylestandard

sslcommerz-js

A well-maintained, unofficial Node.js package for integrating SSLCommerz payments. Provides reliable support for initiating and handling transactions with minimal setup.

npmv1.0.5

code stylestandard

@siamf/sslcommerz

A well-maintained, unofficial Node.js package for integrating SSLCommerz payments. Provides reliable support for initiating and handling transactions with minimal setup.

npmv1.0.5

code stylestandard

teamdesk

A Node.js TeamDesk API client for placing API requests directly to TeamDesk from Node.js. It supports almost all teamdesk api method and query params

npmv1.5.2

code stylestandard

react-chat-bottom-pin

A simple react chat bottom pin component🤷

npmv1.1.5

code stylestandard

@siamf/react-lightbox

A open source react-lightbox component

npmv1.5.0

code stylestandard

animated-toggle-button

A simple react dark mode toggler component🤷

npmv1.1.0

code stylestandard

use-rss-medium

A npm package to format medium rss post articles into json formate in a react application

npmv2.0.7

code stylestandard

@siamf/email-builder

A React drag-and-drop email builder that lets users visually design responsive emails and export HTML + JSON. Includes uploads, branding, and theming for easy integration into any app.

npmv1.2.0

code stylestandard

reactjs-push-notification

A solution for pushing browser web notification!

npmv2.1.8

code stylestandard

teamdesk-cli

npmv1.0.0-beta-1

code stylestandard

Expertise & Skills Ecosystem

These are a few of the languages/frameworks and tools I've used in projects and am most familiar with.

  • Javascript

    Javascript

  • Typescript

    Typescript

  • Dart

    Dart

  • Python

    Python

  • C#

    C#

  • OpenAI

    OpenAI

  • Claude AI

    Claude AI

  • LangChain

    LangChain

  • Turborepo

    Turborepo

  • T3 Stack

    T3 Stack

  • Next Js

    Next Js

  • Next Auth

    Next Auth

  • React Js

    React Js

  • Tailwind CSS

    Tailwind CSS

  • Material Ui

    Material Ui

  • Redux

    Redux

  • Tanstack

    Tanstack

  • Apollo Client

    Apollo Client

  • Flutter

    Flutter

  • React Native

    React Native

  • Node Js

    Node Js

  • Express Js

    Express Js

  • Nest Js

    Nest Js

  • .Net

    .Net

  • ASP.Net

    ASP.Net

  • Apollo Server

    Apollo Server

  • GraphQL

    GraphQL

  • tRPC

    tRPC

  • Typeorm

    Typeorm

  • Drizzle ORM

    Drizzle ORM

  • Prisma

    Prisma

  • Redis

    Redis

  • Mongo Db

    Mongo Db

  • Postgre

    Postgre

  • MySQL

    MySQL

  • SQL Server

    SQL Server

  • AWS Service

    AWS Service

  • Azure

    Azure

  • Firebase

    Firebase

  • Supabase

    Supabase

  • Vercel

    Vercel

  • Docker

    Docker

  • Cloudflare

    Cloudflare

  • Teamdesk

    Teamdesk

  • Stripe

    Stripe

  • Paypal

    Paypal

  • ...and coming more
About Me

Siam Ahnaf

<h4> Full Stack Web & App Developer </h4>

SpotifyNot playingSpotify

.NET and ASP .NET with MVC

Finally enterprise grade, cross-platform framework for building modern apps and powerful cloud services.

.NET and ASP .NET with MVC

About Me

I am a fullstack developer who loves to learn new things and create awesome projects. I specialize in coding and creating web application for a diverse range of clients, from individuals to agencies and organizations around the world. I'm passionate about working with the latest technologies, as I believe each new tool brings a fresh experience.

For me, experience is the key to quality work, and passion is the best way to gather more and more of it. I'm always eager to learn and grow, constantly pushing myself to deliver my best. Every project is an opportunity to improve and innovate.

Download CV
  • Age25
  • CountryBangladesh
  • AddressDhaka, Bangladesh
  • E-mailmail@siamahnaf.com
  • Phone+880 1611-994403
  • Web AgencyWebinuxs
Experience

+8years of passion for
programming techniques.

Developer

Remote

Full Time

Neo Technology is a London-based digital transformation and IT solutions provider that helps organizations modernize their operations through bespoke software and innovative technology.

I work across cloud engineering, system integrations, and business process automation, delivering enterprise solutions and digital experiences for clients.

The team specializes in Microsoft solutions, cybersecurity, and scaling tech teams, with a strong focus on the housing and healthcare sectors.

Digital Transformation

Cloud Engineering

IT Consulting

UK Based Agency

My Journey

2018

2018-2019 I believe one should not come to the workplace without learning deeply.

2019

2019-2020 I turn into a new world to learn the latest and fittest languages/frameworks.

2020

2020-2022 As I matured at work I continued to do small chores for the local client.

2022

2022-2023 I fully engage myself in the work. Now I am doing regular work.

2023

2023-2024 To me, experience is the key to quality work, and passion is the best way to continuously build it.

2024

2024 I learned dart programming language for flutter mobile app development and start building mobile applications.

2026

2026-Present I joined Neo Technology in London, working on digital transformation, cloud engineering, and enterprise IT solutions.

Education

My Educations

Qualifications

My Qualifications

Skills

My Increasing Skill

99%

Nextjs

60%

Flutter

99%

Typescript

100%

Tailwind

96%

Nestjs

95%

GraphQL

80%

Python

95%

Postgre

98%

MongoDB

96%

AWS

  • Front-End:

    HTML, CSS, JavaScript, React, NextJS

  • Mobile App:

    Flutter, React Native

  • Back-End:

    Node.js, Express, NestJS, Typescript

  • Databases:

    MySQL, PostgreSQL, MongoDB

  • Tools & Platforms:

    Git, Docker, AWS, Azure

  • Others:

    RESTful APIs, tRPC, GraphQL, Apollo Server

40+

Satisfied Clients

160+

Projects Completed

80+

Awards Winner

8+

Year Experience

What I do?

Designing solutions customized
to meet your requirements

Frontend Development

I specialize in creating custom web and mobile applications as your unique needs and requirements.

Backend Development

My backend development services cover everything from database design to server-side logic.

Cloud Services

I take care of deploying your web applications to production environments securely.

Excited to take on new projectsand collaborate. Let's chat about your ideas. Reach out!

Projects

My Recent Works

  • Ritext

    Package

    Ritext

    Open source WYSIWYG Editor

  • Imagisum

    Tool Website

    Imagisum

    Open source Image picsum tool

  • Drag n Drop Builder

    Editor

    Drag n Drop Builder

    React drag and drop email and form builder

  • 410 Matters

    Event Management

    410 Matters

    A full-stack event management platform

  • Fiverr

    E-commerce

    Fiverr

    A fiverr clone project

  • Textory

    AI Template

    Textory

    A nextjs ai project template

  • Flimybook

    E-commerce

    Flimybook

    A full functional e-commerce web application

  • Nekmart

    E-commerce

    Nekmart

    Creative custom online e-commerce website

  • Ebuy

    E-commerce

    Ebuy

    A nextjs e-commerce frontend template

  • Flimybook

    Entertainment

    Flimybook

    A movies and book collection website!

  • We do greetings

    Real Estate

    We do greetings

    A online greetings booking website!

  • Personal Blog

    Blog & News

    Personal Blog

    A progressive blog and news site!

  • Ecampus

    School Management

    Ecampus

    Creative & professional school portfolio.

  • Online News

    News

    Online News

    A creative online news platform!

  • Apperles Portfolio

    Portfolio

    Apperles Portfolio

    A professional mobile showcase web portfolio!

  • Appy Portfolio

    Portfolio

    Appy Portfolio

    A creative mobile app portfolio!

Blogs

The untold medium story

Best Rich Text Editor (WYSIWYG ) editor for React 2026
Stories by Siam Ahnaf on MediumbySiam Ahnaf

Feb 02

Best Rich Text Editor (WYSIWYG ) editor for React 2026

Rich text editors usually force you into one of two extremes: Fully styled “batteries included” editors that are hard to customize without fighting the UI layer Headless editors that are powerful, but leave you building everything from scratch Ritext sits right in the middle: it’

Read More
How to Open External URL in a Flutter Mobile App: Step by Step Guide
Stories by Siam Ahnaf on MediumbySiam Ahnaf

Dec 13

How to Open External URL in a Flutter Mobile App: Step by Step Guide

Opening external URLs is a common feature in mobile apps. As a Flutter developer, you might have encountered situations where you want to let users open a website or a specific link outside your app. In this post, I’ll walk you through how to do it quickly and easily into your fl

Read More
Next.js Server Action: A Guide to Uploading Files to AWS S3
Stories by Siam Ahnaf on MediumbySiam Ahnaf

Feb 18

Next.js Server Action: A Guide to Uploading Files to AWS S3

In my previous tutorial I describe the details actually what is Server Actions, I build a contact form and send email using server actions. In that tutorial I use server action into a server component. But today I will do slightly different, and I will create server action for up

Read More
How to Learn Web Development for Free in 2024
Stories by Siam Ahnaf on MediumbySiam Ahnaf

Jan 04

How to Learn Web Development for Free in 2024

Web development is one of the most in-demand and rewarding skills in the world today. Whether you want to create your own website, start a career as a web developer, or just learn something new, web development is a great choice. But how can you learn web development without spen

Read More
How to Use Next.js Server Actions to Handle Form Submissions
Stories by Siam Ahnaf on MediumbySiam Ahnaf

Dec 28

How to Use Next.js Server Actions to Handle Form Submissions

Next.js Server Actions are asynchronous functions that run on the server, but can be invoked from both server-side and client-side components. They are useful for handling form submissions and data mutations in Next.js applications. In this post, I will show you how to use Next.j

Read More
Simplify Data Export and Management with React-Export-Table Plugin
Stories by Siam Ahnaf on MediumbySiam Ahnaf

Nov 13

Simplify Data Export and Management with React-Export-Table Plugin

React-Export-Table is a versatile React library that provides a seamless solution for exporting array data or table data to popular file formats such as Excel, PDF, and CSV. With just a few lines of code, you can enable your users to download their data in the desired format effo

Read More
Mastering React Server-Side Rendering with Next.js & TypeScript
Stories by Siam Ahnaf on MediumbySiam Ahnaf

Sep 30

Mastering React Server-Side Rendering with Next.js & TypeScript

React has revolutionized the way we build user interfaces, offering a declarative and efficient approach to designing interactive applications. However, as applications grow in complexity, optimizing for performance becomes crucial. One powerful technique for achieving this is Se

Read More
The Ultimate Guide to Next.js: Supercharging React Development
Stories by Siam Ahnaf on MediumbySiam Ahnaf

Sep 19

The Ultimate Guide to Next.js: Supercharging React Development

In the ever-evolving world of web development, staying ahead of the curve is crucial. Developers are always on the lookout for tools and frameworks that can simplify the development process and enhance the performance of their applications. Next.js, a powerful framework for build

Read More
See More