Project Overview

FIFAROCKZAA is my personal portfolio and career website, developed to present my professional experience, IT knowledge, web development projects, certifications and technical case studies.

The website supports both Thai and English and is continuously developed as a long-term personal knowledge and career platform.

My Role

Designer, Developer, Website Administrator & Owner

• Design and maintain the website structure
• Develop responsive web pages
• Maintain Thai and English content
• Manage project content and case studies
• Maintain website hosting and deployment
• Manage source code using Git and GitHub
• Test website changes before production deployment

Website Development

The website is primarily developed using HTML, CSS, Bootstrap and JavaScript. The structure has been continuously improved from a traditional portfolio website into a more professional career and knowledge platform.

Major improvements include responsive layouts, bilingual navigation, project presentation, case studies, contact information, professional experience and technical content.

Git & Version Control

Git is used to manage the website source code and track changes during development. The repository is connected to GitHub for remote source control and version history.

Staging & Production Workflow

The website uses separate staging and production environments to reduce the risk of publishing unfinished changes directly to the live website.

New changes are developed and tested on the staging branch and staging website first. After verification, approved changes can be merged into the main branch and deployed to production.

Hosting & Deployment

The website is hosted using Hostinger and connected with the Git-based development workflow. This environment allows website changes to be tested before deployment to the public production website.

Bilingual Website

The website provides both Thai and English versions. Navigation has also been improved so that when users switch languages, they can remain within the same corresponding section instead of returning to the top of the page.

Current Development Direction

The project is evolving beyond a traditional resume-style portfolio into a Personal Knowledge & Career Hub.

Future development may include technical articles, downloadable resources, e-books, IT tools, detailed case studies and additional interactive web projects.

What I Learned

This project provides practical experience across the complete website lifecycle, including design, frontend development, content management, hosting, version control, testing and deployment.

It also demonstrates the importance of maintaining a structured development workflow instead of modifying a production website directly.