01
HTML & CSS
Build and style real pages. Flexbox, grid, responsive layouts and accessibility from day one.
Beginner 4 weeks
ExploreFull-Stack Developer
AI Enthusiast & Educator
AI Enthusiast & Educator
Remote-friendlyWorking across time zones
Hello, I'm Amna Arshad
Ibuilddigitalworlds
withWeb
Full-Stack Developer, AI Enthusiast and Educator. I build modern digital products, explore what AI makes possible, and teach people how to build their own.
Web · AI · EducationPortfolio
01
About
Hover or tap the coloured words. They know things.
About
- Role
- Full-Stack Developer
- Focus
- Web, AI & emerging tech
- Teaching
- Web development & AI
- Certified
- Microsoft AI
WhoIam
I'm a Full-Stack Developer, AI Enthusiast, and Educator passionate about building modern digital experiences and turning creative ideas into real-world solutions. I work across , , and , constantly learning, experimenting, and building meaningful projects.
Alongside development, I love , making complex technologies easier to understand and helping others grow their skills. I'm always open to , exciting projects, and new opportunities where technology, creativity, and learning come together.
Full-Stack DeveloperAI EnthusiastEducator
02
What I know
Four disciplines, one toolkit. Hover or tap a skill to open it.
Skills
Interfaces people enjoy using
Hover a skill
Frontend Development
Interfaces people enjoy using. Pick any skill to read what it means in practice.
03
Teaching & courses
I do not only build. I teach people to build.
Teaching and courses
Learn to buildthe real thing.
Live cohorts and one-to-one sessions for beginners, working developers and O/A Level students. Every course ends with something you have shipped.
From first tag to full-stack deploy
02
JavaScript
Variables to async/await. DOM, events, fetch and the patterns behind every framework.
Beginner 6 weeks
Explore03
React.js
Components, hooks, state management and building a production-quality single-page app.
Intermediate 6 weeks
Explore04
Next.js
App Router, server components, data fetching, auth patterns and deployment.
Intermediate 5 weeks
Explore05
Frontend Development
The complete frontend track: HTML, CSS, JavaScript, React and animation.
All levels 10 weeks
Explore06
Backend Development
Node, Express, REST APIs, MongoDB and PostgreSQL, authentication and deployment.
Intermediate 8 weeks
Explore07
Full-Stack Web Development
Ship a complete product: frontend, backend, database, auth and hosting.
Advanced 16 weeks
Explore04
Certifications & achievements
Collectibles. Tap or click one to open it full size.
Certifications and achievements
05
Selected work
8 projects across web, AI and education.
Selected work
Work that shipped,and concepts built to learn.
Each project opens a full case study: the problem, the process, the stack and what it does.
Projects marked Concept, Demo or Experimental are design and engineering explorations, not client work.
IndexHover or tap a project to preview it
A modern learning platform where students get personalised resources, an AI study assistant, progress tracking and interactive lessons in one place.
- Next.js
- React
- TypeScript
- Node.js
- PostgreSQL
- 02AI · SaaS DashboardNext.js, TypeScript, Tailwind CSS, RechartsOrbit AnalyticsAI · SaaS DashboardConcept
A concept for an AI-assisted analytics workspace: live metrics, natural-language questions over your data, and forecasts that explain themselves.
- Next.js
- TypeScript
- Tailwind CSS
- Recharts
- OpenAI API
A conversational assistant that gives farmers practical, crop-specific guidance, recommendations and information through a simple chat interface.
- React
- Node.js
- Express
- MongoDB
- LLM API
A concept interface for a creative AI companion: conversation on one side, a living canvas of generated ideas, moodboards and drafts on the other.
- React
- TypeScript
- Framer Motion
- GSAP
- LLM API
- 05Full-Stack · Web ApplicationNext.js, TypeScript, Node.js, PostgreSQLFull-Stack E-Commerce PlatformFull-Stack · Web Application
A complete online store with product management, authentication, cart and checkout, orders, database integration and an admin dashboard.
- Next.js
- TypeScript
- Node.js
- PostgreSQL
- Prisma
- 06Developer Tools · DashboardNext.js, TypeScript, D3, Tailwind CSSDevflowDeveloper Tools · DashboardDemo
A demo developer productivity dashboard: commit activity, review times, build health and focus hours, drawn from sample repository data.
- Next.js
- TypeScript
- D3
- Tailwind CSS
- GitHub API
- 07Full-Stack · QR Menu SystemReact, Next.js, Node.js, MongoDBDigital Restaurant MenuFull-Stack · QR Menu System
A QR-based digital menu: customers scan a code at the table to browse the menu on their phone, while staff update items and prices from a simple management panel.
- React
- Next.js
- Node.js
- MongoDB
- Tailwind CSS
- 08WebGL · Interactive 3DThree.js, React Three Fiber, GLSL, GSAPPrismWebGL · Interactive 3DExperimental
An experimental WebGL scene: a refractive glass form that reacts to the cursor and scroll, built to learn shaders, post-processing and performance budgeting.
- Three.js
- React Three Fiber
- GLSL
- GSAP
- Lenis
06
Web + AI
Futuristic, but useful. Move the cursor: the network follows.
Artificial intelligence work
Websites thatthink a little.
I build on both sides of the line: the web interface people touch and the intelligence behind it. Language models, retrieval, evaluation and the boring plumbing that makes AI features reliable in production.
LLM applications
Chat assistants, summarisers and classifiers built on modern language models, evaluated before they ship.
RAG pipelines
Embeddings, vector search and retrieval over private documents so answers are grounded in your data.
AI-assisted engineering
Copilots and agents inside the development workflow, with review discipline intact.
AI education
Workshops and courses that turn a fast-moving field into something teams and students can use tomorrow.
07
Journey
Eight years, six turning points. The line draws as you go.
Experience
2018 First lines of code
Self-taught
HTML, CSS and a lot of broken layouts. Built a website for a friend's shop and got hooked.
- HTML
- CSS
2019 Frontend Developer
Placeholder Studio
Shipped marketing sites and dashboards in React. Learned that performance and accessibility are features.
- React
- UI
2021 Full-Stack Developer
Placeholder Startup
Owned the product end to end: Next.js frontend, Node APIs, PostgreSQL and deployment pipelines.
- Next.js
- Node
- PostgreSQL
2022 Web Development Instructor
Placeholder Academy
Started teaching evening cohorts. Designed the frontend and backend curricula still in use today.
- Teaching
- Curriculum
2024 AI Educator & Builder
Independent
Moved into generative AI: RAG assistants for clients and AI courses for students and teams.
- LLMs
- RAG
- Workshops
2026 Microsoft AI Certified
Microsoft
Formalised the AI work with certification and launched the AI for Developers track.
- Azure AI
- Certification
08
Playground
Built because I wanted to see if it would work. Some of it did.
Playground
Experiments,not deliverables.
Poke them. Each one is live, and each one runs only while you can see it.
MetaballsLiquidSix drops of colour that merge into one liquid surface. Move to pull them, click to splash.
01Interactive particlesParticle fieldParticles connect, dodge the cursor and burst on click. Move fast and they scatter.
02Cursor experimentInk trailThe cursor leaves a fading brush stroke inside this card.
03linear
linear-gradient(135deg, hsl(200 90% 60%), hsl(260 90% 60%), hsl(320 90% 60%))Colour labGradient labRoll a gradient, tune hue and angle, move the light, copy the CSS.
04Light studyLight gridA field of dots lit by the cursor. Click and a ripple runs through the grid.
05KINETIC
TypographyKinetic typeLetters stretch toward the cursor. Drag sideways to widen the word; scroll to skew it.
06Cursor gravityOrbitSixteen bodies orbit the cursor. Hold to pull them in tight, release to fling them out.
07Motion studyMagnetic objectsEight shapes drift in place until the cursor comes close. Then they lean in.
08PhysicsThrow boxGrab a ball and throw it. They collide, bounce and settle. Tap one for a kick.
09Contact
Let's worktogether.
Have a product to build, an AI idea to explore, or a team that wants to learn? I collaborate with clients, startups and learners anywhere in the world.
Open to
- Global projects
- Development opportunities
- AI projects
- Teaching & training
- Professional collaborations
Send a message
Tell me a little about what you have in mind and I will reply by email.