Skip to main content
Exploring • Learning • Building

Hi,I'mFarazKhan.

AI & Data Science Student | Creative Web Developer

I turn ideas into engaging digital experiences through web development, thoughtful design, and a curiosity for emerging technology.

Connect
Workspace.jsx
// AI & Frontend Student
const dev = {
name: "Faraz",
focus: "Creative Web",
building: true
};
✦ Interactive 3D Spatial Canvas • Move Pointer to Orbit
Profile & Background

A Little About Me

I'm an engineering student specializing in AI & Data Science, interested in how technology, design, and creativity come together. I enjoy building websites, experimenting with modern frontend tools, and turning ideas into useful digital experiences. I'm continuously learning and developing projects that help me improve as a developer and designer.

FK

Faraz Khan

AI & Data Science Student

Engineering Student (AI & Data Science)
Focus: Frontend, UI/UX & AI

Web Development

Crafting clean, responsive, and interactive frontend experiences using modern frameworks and standard-based code.

Next.js & ReactSemantic HTML & Modern CSSTailwind CSS Architecture

UI/UX Design

Designing intuitive interfaces, thoughtful component hierarchies, clean typography, and delightful micro-interactions.

Design SystemsUser Journeys & WireframingResponsive Interaction

AI & Data Science

Studying intelligent algorithms, machine learning fundamentals, and how data-driven models power modern web applications.

Python & Data AnalysisML FundamentalsAI-Enhanced Interfaces

Learning Journey

The iterative path of exploring concepts, mastering tools, and building practical projects.

Stage 01Academic Foundation

Learning basic Fundamentals

Constructing component-driven interfaces, optimizing performance, and building clean web applications.

Stage 02Core Web

Frontend Development

Building responsive, accessible web layouts, deep-diving into modern CSS, Flexbox, Grid, and design fundamentals.

Stage 03Modern Webs

Web Development

Blending thoughtful design aesthetics with interactive web technologies to build memorable personal projects.

Stage 04Interactive & Creative

AI & Data Science

Diving deep into computational thinking, algorithms, mathematics, and data science principles.

Technologies & Capabilities

My Skills & Toolkit

Core technologies and design methodologies I leverage to architect responsive, user-friendly digital experiences.

Structure & Semantics

HTML

Writing semantic, accessible, and standards-compliant document structures that form the bedrock of robust web applications.

Current Stage:Building Projects
Semantic ElementsWCAG AccessibilitySEO-Friendly Markup
Presentation & Layout

CSS

Crafting fluid responsive layouts, CSS Grid/Flexbox architectures, custom variables, smooth transitions, and keyframe animations.

Current Stage:Building Projects
Modern Grid & FlexboxCSS Custom PropertiesKeyframe & Micro-interactions
Utility Framework

Tailwind CSS

Architecting bespoke design systems with utility classes, theme customization, responsive breakpoints, and dark mode theming.

Current Stage:Building Projects
Design System TokensResponsive ModifiersDynamic Dark/Light Themes
Full-Stack React

Next.js

Building fast, SEO-friendly applications with App Router, Server Components, client interactivity, and optimized routing.

Current Stage:Practicing & Building
App Router ArchitectureServer & Client ComponentsRoute Handlers & Optimization
Experience Design

UI/UX Design

Developing user-focused interfaces with clear visual hierarchy, intentional whitespace, color contrast, and intuitive navigation.

Current Stage:Practicing & Refining
Visual HierarchyComponent ArchitectureDesign Consistency
Featured Works

Selected Projects

A showcase of frontend web experiences and interface concepts built with modern web tools.

sweetdelight-bakery.local
SweetDelight PatisserieArtisan Cakes
Handcrafted Daily

Artisan Cakes & Custom Confections

Warm brown & bisque tones, seasonal cake showcases, and a custom cake order interface.

🎂
Velvet Cocoa
Custom Order
🍰
Vanilla Bisque
Signature
🧁
Berry Delight
Fresh Daily
HTMLCSSTailwind CSS

SweetDelight — Cake Bakery Website

Aesthetic Confectionery & Ordering Web Experience

An aesthetic cake bakery website designed to showcase cakes, highlight custom orders, and deliver a warm, elegant browsing experience.

Warm artisanal brown and bisque color palette
Interactive cake showcase with visual flavors
Custom cake order inquiry interface
Curated bakery photo gallery with responsive grid
Mobile-optimized dessert browsing navigation
cinematic-stream.local
PRIMESTREAMCinematic UI
HomeMoviesSeries
SPOTLIGHT FEATURE

Cosmic Frontiers: Odyssey

Dark cinematic visuals, content discovery rows, responsive navigation, and modern layout.

Trending
Sci-Fi
Series
Top 10
HTMLTailwind CSS

Amazon Prime-Inspired Website

Cinematic Streaming Platform Frontend Concept

A streaming-platform-inspired frontend concept focused on cinematic visuals, content discovery, responsive navigation, and a modern browsing experience.

Personal learning project created for educational & frontend practice. Not an official Amazon product.
Dark cinematic theater mode styling
Spotlight hero banner with video metadata cards
Horizontal content discovery rows with hover zoom
Responsive navigation bar with search trigger
Lightweight utility-first Tailwind implementation
Direct Inquiries

Let's Build Something Great

Have an idea, a project, or an opportunity to discuss? I'd love to hear from you.

Get in Touch

I am continuously experimenting with frontend development and AI engineering. Whether you want to discuss a project, collaborate, or share ideas, feel free to send a message.

LocationEngineering Campus
Current FocusExploring opportunities & creative collaborations
Online Profiles
Min 10 characters0/2000