AboutProjectsTestimonialsContact
Transforming Concepts into Seamless User Experiences

Hi! I'm Mahdi Shayan, a Next.js Developer based in Tehran.

/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
/logos/auth.svg
/logos/nextjs.svg
/logos/shadcn.svg
/logos/mongodb.svg
/logos/react.svg
/logos/tailwindcss.svg
/logos/git.svg
/logos/react-query.svg
/logos/motion.svg
/logos/typescript.svg
/logos/gsap.svg
/logos/gsap.svg
/logos/typescript.svg
/logos/motion.svg
/logos/react-query.svg
/logos/git.svg
/logos/tailwindcss.svg
/logos/react.svg
/logos/mongodb.svg
/logos/shadcn.svg
/logos/nextjs.svg
/logos/auth.svg
/grid.svg
/b4.svg
Tech enthusiast with a passion for development.
/b5.svg
/grid.svg
The Inside Scoop
Currently building a JS Animation library
Do you want to start a project together?

A small selection of recent projects

bgimg
cover
( In Progress )

University Library

library management system and admin panel with advanced features

icon5
icon5
icon5
icon5
icon5
icon5
icon5

Check Live Site

https://ms-university-library.netlify.app
bgimg
cover
( In Progress )

Yoom - Video Conferencing App

Simplify your video conferencing experience with Yoom. Seamlessly connect with colleagues and friends.

icon5
icon5
icon5
icon5
icon5

Check Live Site

https://ms-zoom-clone.netlify.app
bgimg
cover

Animate Portfolio

A showcase of my projects and skills with smooth animations

icon5
icon5
icon5
icon5

Check Live Site

https://ms-animate-portfolio.netlify.app
bgimg
cover

Animated Apple Iphone 3D Website

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

icon5
icon5
icon5
icon5
icon5
icon5

Check Live Site

https://ms-iphone-challenge.netlify.app
bgimg
cover

Query Countries

A web application that allows users to query country information using a REST API.

icon5
icon5
icon5
icon5

Check Live Site

https://ms-query-cuontries.netlify.app

  • the University Library Management System is a productiongrade platform featuring a public-facing app and an admin interface. It offers advanced functionalities like seamless book borrowing with reminders and receipts, robust user management and many other features like saving books, sending notifications, and more.

    University Library

    University Library

  • Yoom is designed to make virtual meetings effortless, providing a user-friendly interface and powerful features, Developed a real-time video calling and meeting application using the Stream API. Implemented features such as schedule meetings.

    Yoom - Video Conferencing App

    Yoom - Video Conferencing App

  • A showcase of my projects and skills with a focus on modern web development robustly scroll and navigate animation with motion

    Animate Portfolio

    Animate Portfolio

  • modern iPhone landing page with smooth animtion powered by Framer Motion and iPhone model Three js with changing color and size and other more features.

    Animated Apple Iphone 3D Website

    Animated Apple Iphone 3D Website

  • Utilized React and Axios to fetch data from a REST API with React-Query, displaying country information in a user-friendly manner, including features like search and filtering, and routing details page and handle data loading skeleton.

    Query Countries

    Query Countries

My work experience

Next Js proficiencies

SSR -SSG -CSR

I have the expertise to build various types of pages in Next.js, ensuring your website performs optimally under different conditions.

Page & App router

I am proficient in working with both the Page router and App router in Next.js. makes no difference whether your project uses each one, I know the best practice for both scenario.

API With Next.js

I'm able to write robust APIs in Next.js and efficiently work with database, I have the knowledge to handle everything a front developer needs for integration with backend