Hi 👋 I am Atiqul Haque.

I am Atiqul Haque, a seasoned full-stack web developer with over 5 years of professional experience. I am proficient in both front-end and back-end technologies and specialize in creating dynamic, user-friendly web applications. My expertise spans a wide range of tools and frameworks, including HTML5, CSS3, Bootstrap, Tailwind, JavaScript, jQuery, API integration, React JS, Vue JS, Next JS, PHP, Laravel, MySQL, and MongoDB. With a strong focus on delivering high-quality and efficient solutions, I consistently bring innovative ideas to life, meeting client and industry demands effectively.

C++ CSS

I can Develop Anything You Want

I'm a skilled full stack web developer with expertise in both front-end and back-end technologies. My main target is to create dynamic, user-friendly web applications and make my clients satisfied. I'm also a passionate and dedicated learner, always eager to expand my knowledge and stay up-to-date with the latest industry trends and technologies.

50+

Completed Projects

25+

Happy Clients

5+

Year of Experience

Service I Offer

Web Design

Web design involves creating visually appealing, user-friendly layouts for websites, focusing on aesthetics, functionality, and responsive usability.

Web Development

Web development involves building and maintaining websites, focusing on coding, functionality, server-side logic, and interactive features.

Responsive Design

Responsive design ensures websites adapt seamlessly to different screen sizes and devices, enhancing usability and user experience.

Database Design

Database design structures data systematically, defining tables, relationships, and schemas to optimize storage, retrieval, and integrity of information.

Database Development

Database development involves creating, implementing, and managing databases to store, organize, and retrieve data efficiently for applications.

Figma to HTML

Figma to HTML is the process of converting design prototypes created in Figma into responsive, functional HTML code for web development.

WordPress Development

WordPress is a popular content management system (CMS) used for building websites and blogs, offering customizable themes, plugins, and a user-friendly interface.

Graphic Design

Graphic design involves creating visual content to communicate messages, using tools like typography, imagery, and color to design logos, websites, and marketing materials.

Elements I Use to Develop Projects

Diploma In Computer Science

Bangladesh Technical Education Board (2019-2023)

I completed four Year Diploma in Computer Science from Bangladesh Technical Education Board.

Post Graduate Diploma In Information Communication Technology

Bangladesh Agricultural University (2017-2018)

I completed one year post graduate diploma in ICT from Bangladesh Agricultural University, one of the top universities in Bangladesh.

MSS in Political Science

National University (2015-2016)

I completed one year master of social science from National University of Bangladesh.

My Portfolio

Project 1

Irvin Bullbars, Roo Bars & Nudge Bars

Irvin Bullbars has been operating since 1976 and has accumulated over 39 years of knowledge and experience in providing the highest quality frontal vehicle protection systems (VFPS’s).

View Project
Project 2

Online Bus Ticket Booking App

This is a simple online bus ticket booking app. From this app user can easily book and confirm seats. This is a demo project. And this project developed by HTML, CSS, Tailwind, Jquery, JavaScript, React. Fully responsive web based application.

View Project
Project 3

Giving Businesses the Tools they need to Flow Better

Here at Hoseright, we are committed to making a real difference in the world. With every hydraulic hose we replace, a portion of our profits and resources are used to invest in world-changing initiatives.

View Project
Project 4

MovieZone, Api Movie Server

MovieZone is an movie related website, where can get details of all type of movies. This application developed by React, Tailwind & API.

View Project
Project 3

Project Title 3

A brief description of the project, highlighting its key features and purpose.

View Project
Project 3

Project Title 3

A brief description of the project, highlighting its key features and purpose.

View Project

Client Say About Me

Anwar Hossain

Founder: Mymen IT
★ ★ ★ ★ ★

Working with Atik was fantastic! He transformed our ideas into a stunning website, incorporating the latest technologies while focusing on user experience. Communication was seamless and the project was completed on time. Highly recommend!

Stephen McPherson

Manager: Web Central
★ ★ ★ ★ ★

Atiqul H exceeded our expectations with a custom website that was both beautiful and functional. They optimized it for speed and SEO, improving our online presence. Very professional and efficient!

Francis Bourke

Corporate HSE Advisor
★ ★ ★ ★ ★

We are extremely satisfied with Atik's work. They delivered a responsive, user-friendly website on time. Their problem-solving skills and attention to detail made the process smooth and enjoyable.

Pauline Stellamans

Principle
★ ★ ★ ★ ★

Highly skilled and reliable, Atik's team consistently delivers top-notch web solutions. With expertise, creativity, and attention to detail, they are an excellent choice for any development project.

My Latest Blog

Blog Image

Tailwind vs. Bootstrap: The Battle of Utility vs. Components

When building websites, developers use tools to make beautiful designs without starting from scratch. Two popular tools are Tailwind CSS and Bootstrap.

Tailwind CSS vs Bootstrap: Which One is Better?

napkin-selection

When building websites, developers use tools to make beautiful designs without starting from scratch. Two popular tools are Tailwind CSS and Bootstrap. They both help in making websites, but they do it in different ways. Let's take a quick look at them.

A Brief Overview of Both Frameworks

What is Tailwind CSS?

Tailwind CSS is a utility-first CSS framework. Rather than providing a fixed set of pre-designed components, it offers a wide range of low-level utility classes that enable developers to build unique designs without leaving their HTML. This approach helps the creation of custom interfaces without the need to overwrite a lot of default styles.

  • Tailwind CSS features:
    • Utility-first: Rapid prototyping and creating unique designs.
    • Highly customizable: Every aspect can be customized to fit your web project's needs.
    • Responsive design: Mobile-first design that can easily be adapted for various screen sizes using provided utilities.

What is Bootstrap?

Bootstrap is one of the most popular frontend frameworks since 2011. Designed to speed up the development process, Bootstrap provides developers with a comprehensive set of pre-designed components, from navigation bars and carousels to modals and tooltips, facilitating a consistent and mobile-first design.

  • Bootstrap features:
    • Component-based: Pre-styled components make it easy to build and deploy consistent user interfaces.
    • Grid system: 12-column grid system that simplifies responsive design.
    • Extensibility: While Bootstrap provides many default styles, they can be easily overridden, and the framework can be extended to fit specific needs.
    • Themable: Numerous Bootstrap themes are available to quickly alter the look and feel of a Bootstrap-powered website.

Design Philosophy & Approach: Tailwind CSS vs Bootstrap

tl-bt

The "Utility-First" Approach of Tailwind CSS

Tailwind CSS uses a utility-first approach. This means instead of offering you pre-styled components (like a ready-to-use button or navbar), Tailwind provides atomic, single-purpose classes that represent specific styles.

Example: you can combine classes like bg-blue-500 (for background color) and text-red (for text color) directly in your HTML to achieve a desired look.

The Component-Based Design Approach of Bootstrap

Bootstrap, on the other hand, is rooted in a component-based design philosophy. This means Bootstrap provides you with a library of ready-made, styled components like buttons, navbars, and modals. You simply pick what you need and plug it into your website.

Customization Capabilities: Tailwind CSS vs Bootstrap

Tailwind CSS

Tailwind CSS is built with customization at its core. Since it's utility-first, you essentially build your design with a series of small utility classes. This means you have control over how each element looks.

  • Tailwind comes with a tailwind.config.js file where you can define your project's design system (colors, fonts, breakpoints, and more).
  • You're not limited to the utilities Tailwind provides; you can create custom utilities.
  • The community has created plugins to extend Tailwind’s capabilities, adding even more utilities or components.

Bootstrap

Bootstrap provides a robust set of ready-to-use components. They come with a default styling, which many are familiar with. However, Bootstrap is also designed to be customized:

  • Bootstrap is built using Sass which allows you to easily change component styles globally by tweaking a set of variables.
  • There are countless Bootstrap themes available on the market.
  • While components come with predefined styles, Bootstrap's architecture allows you to override these styles to fit your specific website needs.

Performance and Efficiency: Tailwind CSS vs Bootstrap

Tailwind CSS

  • PurgeCSS Integration: Tailwind CSS integrates with PurgeCSS, a tool that removes unused CSS. So if the initial file size seems large, after building your website, only the classes you actually use are included, reducing the final file size.
  • Focused Overhead: Since Tailwind is utility-first, there's less potential bloat in terms of redundant or overlapping styles, ensuring efficient CSS.

Bootstrap

  • Modularity: Bootstrap's Sass files are modular. You can import only the components you need, ensuring you're not loading unnecessary CSS.
  • Precompiled Files: For those not diving deep into customization, Bootstrap provides minified CSS and JS files, ensuring quicker load times.

Community and Ecosystem: Tailwind CSS vs Bootstrap

Both Tailwind CSS and Bootstrap have strong communities.

Tailwind CSS is newer with fresh ideas and focuses on plugins and new designs.

Bootstrap has been around for a long time, so it has a lot of tools and helpers. Both give developers what they need to make websites. Which one you pick depends on what you like and what your project needs.

Learning Curve and Documentation: Tailwind CSS vs Bootstrap

Tailwind CSS might feel new and strange at first, but it has good guides and help from users to make learning easier.

Bootstrap has been around for a while, so if you've done some web work before, it might feel more normal. Both have a lot of help and tools out there to learn from.

Which one you pick depends on what you're comfortable with and how you like to learn.

Integration with Other Technologies: Tailwind CSS vs Bootstrap

Both Tailwind CSS and Bootstrap are built to work well with other tools.

Tailwind CSS offers a more modern, flexible approach, letting you combine it with many other tools easily.

Bootstrap, being older, has broad compatibility but might need some tweaks, especially when mixing it with certain JavaScript tools.

Final Thoughts: Which One is Better?

When it comes down to choosing which one is better between Tailwind CSS and Bootstrap, there's no one-size-fits-all answer. Both frameworks have their strengths and offer unique features. The best choice largely depends on the specific needs of your project and your personal preferences as a developer.
Blog Image

What's New in PHP 8.4

PHP 8.4 introduces game-changing features to simplify development, reduce boilerplate code, and enhance performance.

Major Features

Property Hooks

Define get and set hooks directly on class properties, reducing the need for boilerplate getters and setters.


									class BookViewModel {
										public string $credits {
											get {
												return implode(', ', array_map(fn($author) => $author->name, $this->authors));
											}
										}
									}

Property hooks can also be defined in interfaces, promoting consistent abstraction.

New Without Parentheses

You no longer need parentheses for chaining methods or accessing properties on new objects.


									$name = new ReflectionClass($objectOrClass)->getShortName();

Asymmetric Visibility

Allows properties to have different visibility for reading and writing.


									class BookViewModel {
										private(set) Author $author;
									}

Quality of Life Improvements

Explicit Nullable Types

Deprecated implicit nullability for typed variables.


									// Before
									function save(Book $book = null) {}
									
									// After
									function save(?Book $book = null) {}

Exit and Die as Proper Functions

Now behave as proper functions, supporting named arguments, callables, and strict types.


									exit(message: "Exiting the script.");

Smaller Additions

  • New static constructors for DateTime and DateTimeImmutable.
  • Microsecond utility functions for datetime objects.
  • Request body parsing with request_parse_body().

Conclusion

PHP 8.4 brings exciting features and refinements that make development faster, more intuitive, and enjoyable. Whether it's simplifying property management with hooks or introducing new array utilities, this update is a huge step forward.
Blog Image

Vue vs React: The Ultimate Comparison

React is a JavaScript library for building user interfaces, originally developed by Facebook. It uses a component-based architecture and JSX syntax to simplify UI development.

Vue vs React: The Ultimate Comparison

Explore their differences, similarities, and use cases to find the perfect fit for your project.

What is React?

react-js

React is a JavaScript library for building user interfaces, originally developed by Facebook. It uses a component-based architecture and JSX syntax to simplify UI development.

  • Virtual DOM for efficient updates.
  • Component-based structure for modular design.
  • Declarative approach to UI updates.
  • Extensive ecosystem with third-party libraries.
  • Support for mobile apps via React Native.

What is Vue?

vue-js

Vue.js is a progressive JavaScript framework designed to simplify UI development. Created by Evan You in 2014, it focuses on flexibility and ease of use for both small and complex projects.

  • Uses HTML templates or JSX for defining components.
  • Virtual DOM for performance optimization.
  • Two-way data binding for seamless state updates.
  • Modular design with built-in tools like Vuex and Vue Router.
  • Lightweight framework ideal for SPAs and interactive web pages.

Vue vs React: How are they similar?

React and Vue share several foundational traits, making them powerful tools for web development:

  • Both use Virtual DOM for efficient UI rendering.
  • Component-based architecture for modular design.
  • Focus on the view layer, providing flexibility for other tools.
  • JavaScript as the core language.
  • Ideal for Single-Page Applications (SPAs).

Vue vs React: How are they different?

While both frameworks share similarities, their differences include:

  • Library vs Framework: React is a library, while Vue is a framework offering built-in tools.
  • Syntax: React uses JSX; Vue offers HTML templates and optional JSX.
  • Ecosystem: React relies on third-party libraries, while Vue provides an integrated ecosystem.
  • Community Support: React has a larger community, but Vue's documentation is often seen as more beginner-friendly.

Vue vs React: Which one is better and when?

The choice depends on your project requirements:

  • Choose React: For complex, scalable projects, cross-platform development, or where flexibility is a priority.
  • Choose Vue: For smaller projects, faster development, or when you need built-in tools.

Ultimately, both frameworks are capable of delivering excellent user experiences. Choose the one that aligns with your team's expertise and project goals.

Get in Touch

Contact Info

Email

atiqulhaque01@gmail.com

Phone

+880 1912 909814

Address

West Dhanmondi, Dhaka, BD