Web Developer +
Graphics Designer

Co-founder & Chief Operating Officer at Hablu Programmer.

Experience
Completed
Clients
Students

SERVICES
Web Design
Web design is the process of creating visually appealing and functional websites by combining layout, color, typography, images, and interactive elements. It involves both the aesthetic and user experience (UX) aspects to ensure easy navigation and accessibility.
Modern web design uses HTML, CSS, and JavaScript to structure, style, and add interactivity. Frameworks like Bootstrap, Tailwind CSS, and libraries like React and Vue.js enhance development. Responsive design ensures websites adapt to different screen sizes, making them mobile-friendly.
Key principles of web design include simplicity, consistency, readability, and fast loading speed. UI/UX design tools like Figma, Adobe XD, and Sketch help in prototyping and wireframing.
Trends like dark mode, minimalism, and animations improve engagement. SEO-friendly design helps websites rank higher on search engines. Whether for personal blogs, business websites, or e-commerce platforms, good web design ensures a seamless and engaging user experience.
Services Process
Here are the service process of web design and development.
- Understanding the client’s goals, target audience, and features needed.
- Designing a visually appealing and user-friendly interface using tools like Figma, Adobe XD, or Sketch.
- Converting designs into a functional website using HTML, CSS, JavaScript, and frameworks like React or Next.js. Backend setup with Node.js or Django if needed.
- Checking for responsiveness, performance, security, and cross-browser compatibility using tools like Lighthouse, Selenium, and Jest.
- Hosting the website on a server (AWS, Vercel, Netlify) and ensuring smooth deployment with CI/CD pipelines.
- Providing ongoing support, bug fixes, security updates, and performance optimizations to keep the site functional and secure.

SERVICES
Graphics Design
Graphic design is the art of creating visual content to communicate messages effectively. It involves combining typography, images, colors, and layouts to craft visually appealing designs for both digital and print media. Graphic designers use tools like Adobe Photoshop, Illustrator, Canva, and Figma to create branding materials, advertisements, social media graphics, UI/UX designs, and more.
Good design focuses on clarity, creativity, and brand identity, ensuring that the message is engaging and memorable. Modern trends include minimalism, 3D illustrations, gradient effects, and bold typography. Graphic design plays a crucial role in marketing, web design, and product packaging, helping businesses stand out in a competitive market.
Services Process
Here are the service process of graphics design.
- Understanding the client’s needs, target audience, and design goals.
- Creating initial sketches, mood boards, and design concepts
- Using tools like Photoshop, Illustrator, or Figma to craft high-quality visuals.
- Collaborating with clients to refine and improve designs.
- Exporting files in required formats (JPEG, PNG, SVG, PDF, etc.).
- Providing post-delivery adjustments and updates as needed.

SERVICES
Video Editing
Video editing is the process of manipulating and arranging video footage to create a polished final product. It involves cutting, trimming, adding effects, transitions, sound, and color correction to enhance the video’s quality and storytelling. Professional editors use tools like Adobe Premiere Pro, Final Cut Pro, DaVinci Resolve, and CapCut to refine visuals and audio for various platforms, including YouTube, social media, TV, and films.
Key aspects of video editing include scene sequencing, motion graphics, VFX, color grading, and sound design. A well-edited video improves engagement and delivers a clear, compelling message. Popular trends include cinematic edits, fast-cut transitions, slow-motion effects, and AI-powered automation. Video editing is essential in marketing, vlogging, filmmaking, and online education, making it a vital skill in the digital age.
Services Process
Here are the service process of video editing.
- Understanding client goals, video style, and required elements.
- Gathering raw clips, images, audio, and assets.
- Cutting, trimming, and sequencing using software like Premiere Pro or DaVinci Resolve.
- Adding transitions, animations, sound effects, and color grading.
- Getting client feedback and making necessary improvements.
- Rendering and delivering in required formats (MP4, MOV, etc.), optimized for different platforms.

SERVICES
Marketing
Social media marketing (SMM) is the process of using social platforms like Facebook, Instagram, Twitter, LinkedIn, TikTok, and YouTube to promote brands, engage audiences, and drive sales. It involves content creation, paid advertising, influencer collaborations, and data-driven strategies to build a strong online presence.
Effective SMM focuses on brand awareness, audience engagement, lead generation, and conversions. Marketers use tools like Meta Ads Manager, Google Analytics, Buffer, and Hootsuite to optimize campaigns and track performance. Popular strategies include video marketing, interactive content, reels, live streaming, and AI-driven automation. Social media marketing is essential for businesses, influencers, and content creators to stay competitive and grow their audience.
Services Process
Here are the service process of social media marketing.
- Defining goals, target audience, and content plan.
- Designing graphics, videos, and posts tailored for each platform.
- Posting, scheduling, and engaging with followers.
- Running targeted ads on platforms like Facebook Ads, Google Ads, and Instagram Ads.
- Monitoring metrics, A/B testing, and refining strategies for better ROI.
- Providing insights, reports, and future action plans for continuous improvement.
My Recent Works
Nirafresh - Fresh Food E-commerce Platform
Nirafresh is a fresh food e-commerce platform. Where you can buy fresh food online.
Project Description
This is a simple E-commerce Web application. In this application we can see some products. Which is basically load from database. We can order any Products. Only Authenticate user can order, review or place orders.
Technology
- ReactJs
- JSX
- CSS3
- Module CSS
- React Router Dom (6.0)
- Axios
- JWT Token
- Hooks (useState, useEffect, useNavigate, useLocation, useRef)
- Custom Hooks (useAuth, useFirebase, useRedux)
- Context API
- Font Awesome Icons
- SVG
- Firebase
- Redux Toolkit
- Firebase Admin SDK
- NodeJS
- ExpressJs
- Cors
- MongoDB
- VS CODE
- GIT
- GITHUB
- dotenv
Brainless - Online POD Store
Brainless is an online POD store. Where you can buy products online.
Project Description
Brainless is an online POD store. Where you can buy products online. This project includes Google Spreadsheet and serverless API routes. On visiting, the app calls get products method, which stores the product's info . On order, the app calls /api/order to place a order on google spreadsheet.
Technology
- React (A JavaScript library for building user interfaces)
- NextJs (React SSR and SSG Framework)
- Create Next App
- pnpm workspaces
- Google Sheet (As Database) with a serverless API
- API routes by NextJs
CGPA & Waiver Calculator
A comprehensive web application for calculating CGPA, tuition fees, and scholarship waivers for university students. Built with React, TypeScript, and Tailwind CSS.
Project Description
This is a CGPA calculator web application that allows users to calculate their CGPA based on the courses they have taken. It supports multiple semesters and provides real-time calculations with grade validation and credit hour management. The application also includes a progress visualization feature to track academic performance.
Technology
- Frontend Framework: React 18.3.1
- Language: TypeScript 5.5.3
- Build Tool: Vite 5.4.2
- Styling: Tailwind CSS 3.4.1
- Charts: Chart.js 4.4.1 + React Chart.js 2
- PDF Generation: @react-pdf/renderer 3.4.0
- Icons: Lucide React
- Notifications: React Hot Toast
- Linting: ESLint 9.9.1
DIBSBD - Online Shoe Store
DIBSBD is an online shoe store. Where you can buy shoe online. It is a simple e-commerce website with a admin panel.
Project Description
DIBSBD is a stylish and functional online shoe store, built on the robust WordPress platform to offer a dynamic retail experience. Leveraging the power of Elementor, the website boasts an intuitive and modern design that highlights its diverse range of footwear. The centralized admin panel provides comprehensive control, enabling the DIBSBD team to effortlessly manage product catalogs, monitor inventory, and handle customer orders. Customers can enjoy a flexible purchasing process with multiple payment options, including secure online payments and the convenience of cash on delivery. Every transaction is streamlined from checkout to delivery, with the integrated order management system ensuring efficient processing and a transparent shopping journey for every customer.
Technology
- WordPess
- Elementor
- JavaScript
- Bootstrap
- Payment Gateway
Tishawaar - Online Jewellery Store
Tishawaar is an online jewellery store. Where you can buy jewellery online. It is a simple e-commerce website with a admin panel.
Project Description
Tishawaar is a sophisticated online jewelry store crafted with WordPress, providing a seamless and secure shopping experience. The website's design is powered by Elementor, allowing for a highly customized and visually appealing layout that showcases the exquisite jewelry collection. The user-friendly admin panel gives the Tishawaar team complete control over the site, from managing product listings and inventory to processing orders and tracking customer information. Shoppers can conveniently make payments online using various secure gateways, or opt for the flexibility of cash on delivery. The integrated system ensures smooth order fulfillment, with real-time updates and efficient management from the moment an order is placed until it is delivered.
Technology
- WordPess
- Elementor
- JavaScript
- Bootstrap
- Payment Gateway
Shurokkha
The Shurokkha app is Bangladesh's official vaccine registration and verification platform, launched by the government to manage COVID-19 vaccinations.
Project Description
The Shurokkha app is Bangladesh's official vaccine registration and verification platform, launched by the government to manage COVID-19 vaccinations. It allows citizens to register for vaccines, download vaccine certificates, and verify vaccination status. The app was developed by the ICT Division in collaboration with the Directorate General of Health Services (DGHS). It played a crucial role in the country's mass vaccination drive, ensuring efficient tracking and distribution of COVID-19 vaccines.
Technology
- HTML
- CSS
- JavaScript
- TailwindCSS
StreamVibe
A streaming platform like Netflix is an online service that allows users to watch movies, TV shows, and other video content on demand.
Project Description
A streaming platform like Netflix is an online service that allows users to watch movies, TV shows, and other video content on demand. These platforms typically offer a subscription-based model where users pay a monthly fee for unlimited access to a vast library of content. Features include high-quality streaming, personalized recommendations, multi-device access, offline downloads, and original content production. Popular alternatives to Netflix include Amazon Prime Video, Disney+, Hulu, and HBO Max, each offering unique content and exclusive shows.
Technology
- HTML
- CSS
- JavaScript
Project Description
Agrios is a static agriculture-based website meticulously built with a foundation of HTML, CSS, and JavaScript. This approach ensures lightning-fast loading speeds and a lightweight design, providing a smooth and responsive experience for visitors on any device. The clean HTML structure provides a solid base for content, while custom CSS styles create a visually appealing layout that reflects the natural and organic themes of agriculture. JavaScript adds interactive elements and dynamic features, such as sliders or accordions, without the overhead of a content management system. As a result, Agrios delivers a direct and efficient online presence, perfect for showcasing agricultural products, services, or information with simplicity and speed.
Technology
- HTML
- CSS
- JavaScript
TickerAI
TickerAI is a blog site made with TailwindCSS that has the dark mode features.
Project Description
TickerAI is a modern blog site built with **Tailwind CSS**, a utility-first CSS framework that allows for rapid UI development and a highly customizable design. The site's primary feature is its sleek and functional **dark mode**, which provides a comfortable viewing experience for users in low-light conditions. The use of Tailwind CSS ensures the design is both responsive and efficient, with a consistent look and feel across all pages. The site's blog content is presented in a clean, minimalist layout, focusing on readability and user engagement. With its emphasis on speed, a modern aesthetic, and a user-friendly dark mode, TickerAI offers a premium blogging platform experience.
Technology
- HTML
- CSS
- JavaScript
- TailwindCSS
Project Description
Disaster is a dynamic and responsive rescue website built using **React.js**, providing a fast and interactive user interface. The modern design and styling are crafted with **Tailwind CSS**, allowing for a highly efficient and customizable layout that ensures accessibility and a seamless experience on all devices. Crucially, the site is powered by **API routes**, which serve as the backbone for fetching and displaying real-time data related to disaster alerts, rescue missions, and resource locations. This integration of React.js for the front-end, Tailwind CSS for styling, and APIs for data makes Disaster a powerful, real-time platform for disaster management and community support.
Technology
- ReactJS
- API Routes
- JavaScript
- TailwindCSS
ChillBay
ChillBay is a website that help visitors for get the vibe of beach. It made with React, Typescript, API Routes & TailwindCSS.
Project Description
ChillBay is a unique web application designed to transport visitors to the feeling of a serene beachside escape. Built with **React** and **TypeScript**, the site offers a highly interactive and type-safe environment, ensuring a robust and bug-free user experience. The aesthetic is beautifully crafted with **Tailwind CSS**, providing a minimalist yet vibrant design that evokes the calm and refreshing atmosphere of the ocean. The application uses **API routes** to dynamically fetch and display real-time data, such as weather conditions, tide information, and local beach recommendations, creating a truly immersive and helpful resource for anyone seeking a "vibe of the beach.
Technology
- ReactJS
- API Routes
- Typescript
- TailwindCSS