Queen
Cycle Phase Checker
Queen is an interactive period quiz made for clarity, confidence and a little bit of magic. In just a few minutes, it turns simple answers into thoughtful insights about your cycle, your mood, and what your body might need today. Every detail. From the inviting design to the gentle guidance was crafted to help you feel at home in your own rhythm and move through each phase with ease and self-trust.
I created Queen because I struggled with understanding my own emotions before and during my period. Most apps I found were complicated and didn’t clearly show which phase of the cycle I was in each month.
Front-end Development: JavaScript (ES6+), DOM manipulation, state-driven UI logic, responsive web design (Flexbox, Grid, mobile-first)
UI/UX & Product Design: Information architecture, interactive quiz flow design, accessibility-first HTML5, branded visual direction, usability testing
Performance & Deployment: GitHub Pages for static site deployment, asset optimization, SEO basics, cross-browser testing
Workflow & Tools: Git/GitHub version control, Canva for UI/visual design, image optimization pipelines
Professional Competencies: End-to-end product ownership, problem-solving under constraints, independent execution, user-focused design thinking
