AI & CYBERSECURITY
LEARNING
AI-assisted development, web experimentation, cybersecurity learning and practical technical exploration.
BUILDING THROUGH
EXPLORATION
This project represents my hands-on exploration of AI, cybersecurity and practical technology. Rather than keeping my learning limited to courses and certificates, I have been turning what I learn into small practical experiments and projects.
As part of this effort, this personal portfolio website itself became one of those core experiments. Building and refining a live, accessible web property provided a concrete technical environment where concepts in modern web architecture, digital identity, asset delivery, and interactive design could be explored in direct practice.
BUILDING THIS
PORTFOLIO
I built and deployed this portfolio as a practical web-development project, using AI as a development and problem-solving assistant throughout the process.
This workflow represents genuine AI-assisted development: AI served as an interactive coding, debugging, and implementation assistant, while I directed the creative vision, architectural decisions, testing parameters, and final quality control.
AI-ASSISTED
DEVELOPMENT
AI was used as a development assistant rather than as a replacement for decision-making. By leveraging AI across the development lifecycle, technical challenges were explored, diagnosed, and resolved step by step.
"AI was used as a tool for learning, implementation and problem-solving. I remained responsible for the project's direction, decisions, testing and final result."
Code exploration
Debugging
Implementation
Problem solving
Iteration
Learning
WHAT I BUILT
CUSTOM PORTFOLIO INTERFACE
Bespoke editorial dark interface featuring custom typography, layered midnight gradients, and dark-sky visual atmosphere.
RESPONSIVE NAVIGATION
Unified header with active scroll tracking, magnetic interaction buttons, and an animated mobile navigation drawer.
INTERACTIVE VISUAL EFFECTS
HTML5 particle star canvas, dynamic custom cursor with context badges, and staggered scroll reveal animations.
CERTIFICATION & PDF INTEGRATION
Direct credential access connecting verified Microsoft, LinkedIn Learning, and Google certificates directly to authenticated PDFs in new tabs.
CV ACCESS
Prominent hero action button providing immediate access to an authentic curriculum vitae PDF document with zero friction.
CONTACT FORM INTEGRATION
Client-side validated contact form connected via asynchronous fetch to Formspree with real-time submission feedback.
GITHUB PAGES DEPLOYMENT
Continuous deployment and version control managed through GitHub Pages, ensuring clean asset paths and fast static delivery.
RESPONSIVE DESIGN
Fluid clamp-based typography and carefully tuned media queries ensuring a balanced layout across mobile, tablet, and desktop screens.
TOOLS &
TECHNOLOGIES
WHAT I
LEARNED
CYBERSECURITY
CONNECTION
Although this portfolio is primarily a web-development project, it connects to my cybersecurity learning by giving me practical exposure to how web applications, forms, external services, files and deployment work together.
Understanding how websites are structured, how client-side form submissions interact with external endpoints like Formspree, and how static assets are hosted and accessed on GitHub Pages provides a solid technical foundation for deeper security explorations. This project is a web-development learning project with cybersecurity relevance, not a cybersecurity product.
DEVELOPMENT PROCESS
PLAN
Defined the structure, purpose and visual direction.
BUILD
Implemented the website structure and interface.
EXPERIMENT
Used AI to explore implementations and solve development problems.
TEST
Tested interactions, forms, links and responsive behavior.
DEPLOY
Published through GitHub Pages.
REFINE
Continued improving the website after deployment.