How I Built My First Website for a Client

My first client project came from a friend who recommended me. It was for a school project, and the task sounded simple at first — create a website that shows test results and allows users to view their data online. But as I worked on it, I realized it was more than just a basic site. It was a full testing platform with real functionality on both the user and admin sides.

🧠 The Goal

The main idea was to build a testing website. Users could take an exam or quiz and see their results after. There also needed to be an admin panel where my client could view the overall performance of the users — things like how many took the test, their scores, and a breakdown of results per question.

It had to be clean, functional, and easy to manage. That meant the project needed the following:

• A way to save and retrieve user data
• A dashboard to display test analytics
• A login system for admin access
• A clear interface for users and the admin

🔧 My Stack

I used tools I was already learning and practicing with:

• Next.js for the website framework
• MongoDB for storing user answers and scores
• Tailwind CSS for styling
• Chart.js to show data in visual form on the admin dashboard

These technologies were a good fit because they are fast, flexible, and matched what the client needed.

What I Learned

This project taught me a lot. It was my first time working with someone else's idea and expectations, so I learned how to ask the right questions and figure out what they really needed. I also practiced building full features — from forms to database connections, and even simple data protection for the admin page.

Some key lessons I got from this:

• Build features one step at a time
• Always test with real input
• Think about how the client will actually use the site
• Keep things simple and readable

The Result

The website worked well. The client was happy, and it felt great to finish something that was actually useful. It helped me build confidence and gave me something real to show on my portfolio.

Since then, I have continued improving and building more projects, but this first one will always be special because it showed me what I could do.