Dynamic Web Magic with Next.js

Transforming Concepts into Seamless User Experiences

Hi! I'm Shaban, a React.js Developer based in Frontend.

/b1.svg
I prioritize client collaboration, fostering open communication
I'm very flexible with time zone communications
I constantly try to improve
My tech stack
JavaScriptTailwindCSSReactJS
FramerMotionGsapCanvas
/grid.svg
/b4.svg
Tech enthusiast with a passion for development.
/b5.svg
/grid.svg
The Inside Scoop
I am currently seeking a position as a Frontend Developer
Do you want to know about me?

A selection of my top projects

bgimg
cover

Reimagine AI System

An innovative AI platform with 3D models and chatbot features...

bgimg
cover

Popular Gancha Game - Clone

The latest game Zenless Zone Zero by hoyoverse a branded website clone...

bgimg
cover

UI/UX Design - Clone

A AI UI design website with Awesome gradients and attractive design...

bgimg
cover

Animated Apple Iphone 3D Website

Recreated the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects..

Somes Testimonials

  • Three.js is a powerful JavaScript library that enables developers to create sophisticated 3D graphics and animations directly within the web browser. Built on top of WebGL, Three.js abstracts the complexities of low-level graphics programming, providing an intuitive and accessible API for building 3D scenes.
    profile
    Three JSWhat is three.js
  • React is a popular JavaScript library developed by Facebook for building user interfaces, particularly for single-page applications. It allows developers to create reusable UI components, which can manage their own state and be composed to form complex user interfaces. React's virtual DOM efficiently updates and resulting in improved performance.
    profile
    React JSWhat is react.js
  • Tailwind CSS is a utility-first CSS framework designed to provide developers with a highly customizable and efficient way to style web applications. Unlike traditional CSS frameworks that offer predefined components, Tailwind CSS focuses on utility classes that can be composed to build any design directly in the markup.
    profile
    Tailwind cssWhat is tailwind css
  • Next.js is a powerful React framework developed by Vercel that enables developers to build high-performance web applications with ease. It offers a hybrid static and server-side rendering approach, allowing developers to pre-render pages at build time or request time. This results in faster load times and improved SEO, making Next.js an excellent choice.
    profile
    Next JSWhat is next.js
  • GSAP's modular structure allows developers to include only the necessary parts of the library, optimizing load times and performance. With its robust documentation and active community, GSAP has become an indispensable tool for creating engaging and dynamic user interfaces in modern web development.
    profile
    GreenSock Animation PlatformWhat is the gsap

My work experience

My approach

Planning & Strategy

We'll collaborate to map out your website's goals, target audience, and key functionalities. We'll discuss things like site structure, navigation, and content requirements.

Development & Progress Update

Once we agree on the plan, I cue my lofi playlist and dive into coding. From initial sketches to polished code, I keep you updated every step of the way.

Development & Launch

This is where the magic happens! Based on the approved design, I'll translate everything into functional code, building your website from the ground up.