Teaching Students How to Build a Full-Stack Website

Late in 2025, I shot a short video explaining how to build a full-stack website — front end, back end, and database — using my own project HumanityConnect as the example. I didn't expect much from it, but it ended up crossing 70,000+ views across all platforms.

The goal was simple: take everything I had learned over the past two years and compress it into a clear, beginner-friendly explanation that an Albanian-speaking student could actually follow.

What I Covered

I broke the video into the three layers that every full-stack project lives on. For the front end, I showed HTML for structure, CSS for design, and how the user-facing pages of HumanityConnect were built. For the back end, I walked through how PHP handles the application logic — login, register, joining activities, and everything that happens behind the screen. For the database, I showed MySQL — where the users, activities, and certificates are actually stored.

Why It Worked

I think the video reached so many people because it didn't try to teach everything. It just answered one question clearly: *what are the pieces of a full-stack website, and how do they connect?* That's the question almost every beginner gets stuck on, and once you see it laid out on a real project, it clicks.

The Takeaway

Seeing the comments and messages from students who said the video helped them finally understand full-stack development was the best part. It pushed me to start sharing more of what I learn — because if a 37-second video can help thousands of people, imagine what consistent sharing can do.