Hello world ///

Designing and developing scalable websites

Hey🖐 , I'm Imtiaz Nayeem Shawon Self-taught Full stack web developer with 3 years of experience in product development and client services.

Featured Work

Here, I’m showcasing my latest project. While I’ve worked on several other projects, I’m unable to share them due to NDA restrictions.

thumbnail

MZ Media

A digital agency website for showcasing there work and reviews

thumbnail

Ryun Shim

A portfolio website for Ryun Shim, a graduate from Cornell University

thumbnail

zipbox

A Web Design & development agency portfolio

thumbnail

Frosty icepod

A e-commerce website for selling icepod and other products

thumbnail

cosmpulse

A SaaS platform where user can able to make routine and track daily logs

thumbnail

Book your oil change

A dynamic multi vendor booking platform where user can book and call mechanics

thumbnail

Skynetix

A 360 degreee digital marketing agency portfolio

Check my github contribution history

aceternity logo
esc
F1
F2
F3
F4
F5
F6
F7
F8
F8
F10
F11
F12
~`
!1
@2
#3
$4
%5
^6
&7
*8
(9
)0
_
+ =
delete
tab
Q
W
E
R
T
Y
U
I
O
P
{[
}]
|\
caps lock
A
S
D
F
G
H
J
K
L
:;
"'
return
shift
Z
X
C
V
B
N
M
<,
>.
?/
shift
fn
control
option
command
command
option

Process to Unlock your products potential

001 ///

System design & mindmapping

Designing for future scalability ensures that your product can smoothly accommodate updates and new features while managing database server costs efficiently. To achieve this, focus on creating a modular architecture. By using a microservices approach, you can update or add features independently, minimizing disruptions. Containerization with tools like Docker ensures consistent environments and makes it easy to scale services horizontally.

Opt for cloud-based databases from providers like AWS, Google Cloud, or Azure. These services offer automatic scaling, backups, and maintenance, reducing the operational workload. Implement a multi-tiered storage strategy: use high-performance storage for frequently accessed data and cost-effective options for archival.

Serverless computing, such as AWS Lambda or Google Cloud Functions, can significantly reduce costs by charging only for actual compute time used, ideal for variable workloads. For database costs, utilize the pay-as-you-go model to scale resources according to demand, avoiding over-provisioning.
SystemDesign

002 ///

Design and develop

Design and development begin with creating a clear visual blueprint of the project. Initially, I design the project in Figma, but if the client does not have a User Interface (UI) ready, I sometimes start with hand-drawn diagrams. Once the design is approved or provided by the client, I translate it into a Next.js application.

For state management, I use React Redux to ensure that the application's state is efficiently managed and updated. This approach helps maintain a consistent state across the application, making it easier to handle complex state interactions.

API requests are handled server-side, where I set up endpoints to interact with the backend. Data fetching and caching mechanisms are implemented to ensure that data is retrieved efficiently and stored temporarily for quick access. This reduces server load and improves the user experience by delivering faster response times. Based on user requests, the cached data is displayed, ensuring that the application remains responsive and performant.
DesignDev

003 ///

scalable backend and API

To create a scalable backend and API, I use Node.js and Express.js. For database management, I rely on MongoDB with Mongoose as the ORM. For authentication, I implement JWT (JSON Web Tokens), Passport.js, sessions, and cookies to ensure secure and efficient user authentication processes. Passwords are hashed before being saved into the database to enhance security.

For smaller projects, I sometimes use Next.js for the backend, leveraging its server-side rendering and API route capabilities. Depending on the client's requirements, I also integrate cloud storage solutions like Cloudinary for media assets and AWS S3 for scalable object storage. This approach ensures that the backend is robust, secure, and adaptable to various project needs.

I use Stripe for handling payments and integrate external APIs to meet various client-specific needs, ensuring a comprehensive and versatile backend solution.
Backend

Years of gaining my skills.

I've learned a lot throughout my life and wrote my first program when I was in 7th grade. I love to explore things, and most of the skills I've gained are through practice and hands-on experience

Javascript

JavaScript is a scripting or programming language that allows you to implement complex features on web pages

React JS

React. js is an open-source JavaScript library, crafted with precision by Facebook, that aims to simplify the intricate process of building interactive user interfaces.

Next JS

Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.

Express JS

Express.js is a minimal and flexible Node.js framework for building web applications and APIs. It simplifies routing, middleware integration, and HTTP request handling.

Typescript

TypeScript is a statically typed superset of JavaScript that adds type annotations and other features to improve code quality and maintainability. It compiles to plain JavaScript and helps catch errors early through static type checking.

Tailwind CSS

Tailwind CSS is a utility-first CSS framework that provides low-level utility classes for creating custom designs without writing custom CSS. It allows for rapid UI development with a focus on composition and reusability.

Node JS

Node.js is a JavaScript runtime built on Chrome's V8 engine, enabling server-side execution of JavaScript code. It features a non-blocking, event-driven architecture, making it ideal for building scalable, real-time applications.

Redux

Redux is a state management library for JavaScript applications, often used with React. It centralizes application state in a single store, allowing for predictable state changes through actions and reducers.

Zustand

Zustand is a lightweight state management library for React. It simplifies state management by providing a minimalistic API, enabling easy creation and management of global and local state without the boilerplate of other libraries like Redux.

AWS

AWS (Amazon Web Services) is a comprehensive cloud computing platform by Amazon. It offers a wide range of services, including computing power, storage, databases, networking, machine learning, and more, enabling businesses to build and scale applications in the cloud.

C++

C++ is a powerful, high-performance programming language that extends C with object-oriented features. It's widely used for system software, game development, and applications requiring high efficiency, such as operating systems and real-time simulations.

C

C is a foundational, high-performance programming language known for its efficiency and control over system resources. It's widely used in developing operating systems, embedded systems, and other applications where direct hardware manipulation is necessary.

Worked with world wide developers and clients

Collaborated with developers and clients globally, ensuring seamless project execution

;

Experiences of Working as a Developer

After embarking on my coding journey, I have accumulated extensive experience as a developer through numerous freelance projects, various companies, and voluntary contributions.

Lead Developer @zipbox

  • Designed, developed, and deployed scalable full stack web applications, ensuring high performance and responsiveness.
  • Led teams and managed client relations, successfully delivering projects for over 30 clients.
  • Spearheaded product development initiatives, driving innovation and achieving project goals.

Web developer @Bangladesh Space Research Society

  • Designed web applications and dashboards for event management, enhancing user experience and operational efficiency
  • Collaborated with cross-functional teams and senior developers to ensure seamless project execution and delivery.

Web developer -Intern @Mental Health Care Bangladesh

  • Designed and developed blogs, event management platforms, and organizational portfolio websites, improving online presence and user engagement
  • Collaborated with teams and contributed to initiatives focused on mental health awareness among young individuals.

Team Leader @AstroTots NASA space app challenge 2023

  • Developed and introduced our space exploration project to NASA Space Apps Challenge judges.
  • Collaborated with teams, met with seniors, received guidance, and built a strong network.

IT team member @Aruddho 71

  • Designed and developed blogs, event management platforms, and organizational portfolio websites, improving online presence and user engagement
  • Collaborated with teams and contributed to initiatives focused on Yoth development

Team Leader @AstroTots NASA space app challenge 2024

  • Developed and introduced our space exploration project to NASA Space Apps Challenge judges.
  • Collaborated with teams, met with seniors, received guidance, and built a strong network.

Web developer -Volunteer @Cyber Teens

  • Worked as volunteer with a big team, making awarness cybeer security among people,specifically Teen ageers

Get in touch

If you have any further questions or queries, please contact me via WhatsApp at +8801745927842 or email at imtiaznayeem@icloud.com.