Learning HTML, CSS, JavaScript - building toward full-stack

Aspiring Full Stack Developer

I'm Shafin - currently learning full-stack development with a passion for clean UI, thoughtful code, and real-world projects.

Frontend -> Full Stack
Roadmap
HTML - CSS - JS
Currently
Project-first
Approach

About

I'm learning development step by step: from building clean static pages to creating interactive, full-stack features. My goal is to become a professional full-stack developer who delivers products with both functionality and great UX.

My Learning Journey

I started with HTML, CSS, and the basics of JavaScript. Now I'm pushing myself to build projects, learn best practices, and grow confidence in end-to-end development.

Clean UI Accessible design Practical projects

Goals

I'm aiming to strengthen fundamentals, learn server-side concepts, and eventually build full-stack applications that feel fast, reliable, and polished.

Consistent progress mindset

Skills

A quick snapshot of what I'm currently practicing.

Frontend Fundamentals

HTML 85%
CSS 80%
JavaScript 35%

What I'm building next

I'm currently turning UI mockups into interactive experiences. Soon I'll add JavaScript features to my YouTube clone and then move toward a full-stack workflow.

DOM & Events
Interactivity and UI logic
APIs
Data fetching and handling
Backend Basics
Thinking server-first

Projects

One highlighted project now, and space to add more as I keep learning.

Featured HTML + CSS
Screenshot of my YouTube Clone homepage UI

YouTube Clone

A frontend clone built using only HTML and CSS (no JavaScript yet). Clean layout, dark theme styling, and responsive structure designed to feel like a real product.

  • Tech: HTML, CSS
  • Next: Add JS interactions

More Projects (Coming Soon)

As I learn JavaScript and backend development, I'll add full-stack projects here.

Education

A clean timeline of my academic path.

  1. Bachelor of Science in Computer Applications

    2nd year

    Aligarh Muslim University. Expected: 2028.

  2. Next Milestone

    2028

    Graduation + continued learning with real-world full-stack projects.

Contact

Let's connect.

Quick Actions

Want to start right away? Use these buttons to jump to the most relevant sections.