Milestone 1: Basic Web Pages
I learned how to create pages using headings, paragraphs, links, and images with HTML.
Why I Built This Portfolio
I built this portfolio to show my real progress as a student developer. Before this, I made projects but they were not organized. This page keeps everything in one place so visitors can understand what I am building, what I have learned, and where I am still improving.
How the Portfolio Improved Over Time
In the beginning, this portfolio had basic sections and short project descriptions. It worked, but it did not explain much value for visitors. Over time, I started writing clearer project goals, adding meaningful page content, improving internal links, and making sections easier to browse.
I also learned that a portfolio is not only about design. Good content matters a lot. Visitors should understand why each project exists, what problem it solves, and what I learned while building it. That is why I expanded this page with context, milestones, and a roadmap.
My Learning Milestones
Milestone 2: Better Styling
I started using CSS for layout, spacing, cards, responsive behavior, and cleaner visual hierarchy.
Milestone 3: Interactivity
I added JavaScript for navigation toggle, theme switch, form feedback, and project logic.
Milestone 4: Real Project Documentation
I began explaining project purpose, features, limitations, and future plans in clearer detail.
Skills I Have Gained
I have gained confidence in writing semantic HTML and structuring pages in a logical way. I can now create sections with clear headings, improve internal navigation, and keep content readable. I also learned to think about accessibility basics like heading order, descriptive links, and alt text.
In CSS, I learned how to style reusable components like cards and buttons, create responsive behavior for smaller screens, and maintain consistent spacing. In JavaScript, I am still a beginner, but I can read and update simple scripts, connect buttons to actions, and manage small interactive features.
Technologies I Currently Use
HTML
For semantic structure, page organization, and content publishing.
CSS
For layout, dark theme design, cards, spacing, and responsive behavior.
Beginner JavaScript
For simple interactivity such as timers, random generators, toggles, and UI behavior.
Scratch
For game logic and creativity practice that supports my coding mindset.
Technologies I Plan to Learn Next
I plan to learn stronger JavaScript fundamentals first, including cleaner functions, arrays, objects, and DOM updates. After that, I want to begin Python because it is widely used for automation, AI, and problem solving. I also want to understand version control workflows better so I can manage larger projects responsibly.
For AI learning, my focus is to understand concepts slowly and correctly, not to claim advanced skills early. I will continue maintaining AI notes as learning drafts and improve them when I verify information.
Featured Project Pages
Cube Face Trainer
A practical cube practice tool with random face patterns, timing support, and future planned features.
Pattern Generator
Detailed notes about the generator logic and why random patterns are useful for speed practice.
Personal Wiki
Overview of how I organize coding and study notes in my personal knowledge base.
Documents Library
Educational resources and reading-focused study support through selected PDFs.
If you want to know my full personal background, visit my About Me page. For my latest AI learning notes, check AI Research Notes.