Projects and practice
Every project here is presented according to its real status. Completed work is documented clearly, while future ideas remain labeled as planned or in progress.
Project board
The goal is not to fill the page with invented projects. It is to add meaningful work gradually and explain what each build teaches.
A multi-page personal website redesigned into a cleaner student developer portfolio with responsive navigation, optimized images, accessibility improvements, and a contact form.
View the live projectA planned section for completed classroom activities and small coding exercises. Each entry will include the task, the solution, and one lesson learned.
Project not published yetA future beginner-friendly JavaScript project, such as a task list, quiz, study timer, or score tracker. The final choice should match a real interest or school need.
Planned projectLearning process
A simple repeatable process helps turn a school activity into a portfolio project that shows both the result and the learning behind it.
Define what the project should do, who it is for, and what skills will be practiced.
Create the first version, test it on different screen sizes, and fix the problems that appear.
Document what worked, what was difficult, and what could be improved in the next version.
Skills in development
Skill levels are described honestly instead of using artificial percentages. They can be updated as Xyvor becomes more independent and consistent.
Practicing: semantic page sections, links, forms, images, and clear content hierarchy.
Practicing: responsive layouts, spacing, typography, cards, buttons, and visual consistency.
Learning: events, menu interactions, form behavior, simple interface logic, and the DOM.
Suggestions can focus on clarity, usability, coding practice, or ideas for the next student application.