Web Development

What this involves

Front-end work focuses on the part of the application people actually use: a responsive interface that works on phones and desktops, holds state predictably as the application grows, and stays quick to load. Components are typed with TypeScript and styled with Tailwind CSS, with Next.js used where server rendering and routing benefit the page.

What it includes

• •Responsive interfaces built mobile-first with Tailwind CSS
• •Component architecture in React and Next.js
• •Client state management with Redux Toolkit
• •Reusable component libraries such as shadcn/ui
• •Interface animation with Framer Motion and GSAP
• •TypeScript throughout the component layer

Technologies used

• React
• Next.js
• TypeScript
• Tailwind CSS
• Redux Toolkit
• Framer Motion
• shadcn/ui

See how each of these is used on the skills and technologies page.

Projects showing this work

• Learning Management System (LMS)

  A full-featured learning platform with course management, authentication, media uploads, and smooth UI animations.

• AI Website Builder

  An AI-powered website builder that generates layouts and content dynamically using OpenAI APIs.

• World Atlas Platform

  A global data platform showcasing countries and real-time interactions with modern Next.js architecture.