Shayan Affandi

Software Engineer | JAMstack Architecture | React.js | API Integrations | Modern Web Solutions

About Me

I'm a passionate Next.js developer and web development instructor currently pursuing my BSCS at Indus University, Karachi. With over 4 years of hands-on experience in modern web technologies, I specialize in creating scalable, user-friendly applications, and the latest web standards. I love sharing knowledge through teaching and helping others master the art of web development.

Featured Projects

Next JS/Headless WP

BTC University

BTC University (Behind the Chair University) is basically the hair industry’s go-to online learning hub: over 250+ premium classes, 75+ expert instructors, and a single $99/year unlimited access pass.

Demo

Next JS

ACE Education Tutoring

ACE Education Tutoring helps VCE students Aspire, Challenge, Excel with tailored lessons, 24/7 support, and mentors who’ve lived the journey—building confidence, strategy, and academic success beyond the classroom.

Demo

React JS/OpenWeatherMap API

Weather Web App

A React-based Weather Web App built with Create React App. Integrated with OpenWeatherMap API to fetches live weather data, updates in real time, styled cleanly for web display. A subtle showcase of API integration and UI finesse.

Code Demo

React JS

Disney+ Clone

A Disney+ clone built with React, Firebase, Redux, React Router, Styled-Components, and Slick Carousel. Features authentication, dynamic routing, and responsive movie sliders. Demonstrates full-stack integration and modern UI design.

Code Demo

Bootstrap

MarX

A static site built in HTML, CSS, JS, and Bootstrap. It showcases space exploration: programme overviews, Astronomy Picture of the Day, planet and spacecraft selector, and interactive ticket-generation form.

Code Demo

Highlights

BTC University

ReactTailwind CSSshadcn/ui

Brand Pages

Developed a responsive brand page from provided Figma designs. Implemented using React, Tailwind CSS, and shadcn/ui components for clean, accessible, and consistent styling. Delivered pixel-accurate layouts aligned with design specifications.

https://www.btcuniversity.com/brand/truss

React-PDF

Certificate Generation

Built dynamic PDF certificates using React-PDF, rendering student details and course data into branded, downloadable certificates upon course completion.

NodeJS

Testimonial Data Cleanup

Fixed malformed testimonial fields in a headless WordPress → Next.js setup. Wrote a Node.js script to batch-clean and normalize all of the testimonial.

ACE Education Tutoring

WordpressElementor

Website Build

Built a responsive tutoring site with WordPress + Elementor, customizing layouts and components for branding. Delivered a clean, mobile-friendly site with easy client content management.

NamecheapBusiness Email

Hosting & Email Setup

Configured hosting on Namecheap and integrated custom business email for the domain. Ensured smooth deployment, DNS configuration, and professional communication setup for the tutoring site.

Skills & Technologies

Experience

NextJS Developer

2023 - Present

Freelance

Building modern web applications for clients worldwide using Next.js, React, and TypeScript.

Web-Dev Instructor

2022 - Present

U-Tech Digital Education

Teaching modern web development technologies to students, focusing on web fundamentals i.e HTML, CSS, JavaScript and Bootstrap.

Frontend Web Developer Intern

2023 - 2024

Xeemax Digital

Developed responsive web applications and collaborated with design teams to create engaging user experiences.

Get In Touch

Let's work together

I'm always interested in new opportunities and exciting projects. Whether you need a website, want to learn web development, or just want to say hello, feel free to reach out!

contact@shanmek.com

Location

Karachi, Pakistan