Profile Site Logo — Identity Through Constraint
The goal of this logo was to create a visual identity that felt personal, professional, and immediately
identifiable. Early iterations focused on using my initials in decorative or symbolic ways, including
tile-based layouts, circuitry-inspired forms, and floral patterns.
While visually interesting, these approaches relied on recognition of my initials, which introduced
unnecessary ambiguity for a personal profile site. This led to a shift toward using my full name,
prioritizing clarity and recognition over abstraction.
The final logo uses evenly spaced lettering arranged in a grid. Because my first and last name contain
the same number of letters, this allowed for a balanced and structured composition that feels deliberate
and refined. A black-and-white color palette was chosen to align with the site’s overall design language,
allowing the logo to stand out through structure and contrast rather than color.
This process reinforced the importance of restraint and context-aware design. A successful personal logo
does not need to be complex — it needs to be readable, confident, and unmistakably tied to the individual
it represents.
ASK AI — Choosing Complexity as a Learning Tool
ASK AI originated from an assignment that required selecting and implementing an advanced JavaScript
feature independently. Rather than choosing a familiar or visually driven solution, the project was
intentionally framed around learning something unfamiliar and technically demanding.
While multiple project ideas were considered during early brainstorming, ASK AI stood out because it
required understanding asynchronous JavaScript, external APIs, and the ethical implications of AI-driven
systems. The challenge was not only technical but conceptual, involving how users interact with automated
systems and how information is presented and interpreted.
Integrating AI APIs required translating abstract documentation into working logic, handling responses,
and designing a system flexible enough to support multiple AI models for comparison. This reinforced the
idea that programming is not just about writing code, but about building reliable systems that interact
with unpredictable external data.
The project emphasized self-directed learning, problem decomposition, and critical evaluation of tools.
ASK AI ultimately became less about the interface itself and more about understanding how modern web
applications connect to complex external services.
JavaScript Light/Dark Mode — State, Logic, and User Comfort
The implementation of a light and dark mode system was approached as more than a visual feature. It served
as an exercise in state management, conditional logic, and user preference handling within JavaScript.
Rather than relying on static styles, the feature dynamically modifies CSS variables based on user
interaction. This allows the theme to scale across the site while maintaining consistency and reducing
redundancy in the stylesheet.
From a real-world perspective, this mirrors common patterns used in production environments where user
experience, accessibility, and maintainability intersect. It reinforced the importance of separating
logic from presentation while allowing them to communicate efficiently.
This feature demonstrated how small, focused JavaScript systems can significantly improve usability,
while also serving as a foundation for more advanced state-driven interfaces.
