Interactive Dashboard
A responsive dashboard application built with modern CSS techniques and vanilla JavaScript for data visualization.
Challenge Question:
Build a fully responsive personal portfolio page with light/dark theme and adaptable sections. Ensure the page includes a well-designed back button (using an <a> tag linking to index.html) and displays the challenge question prominently on the page. Add all necessary meta tags for SEO, responsiveness, and include a favicon. Make the page feel modern, interactive and engaging using only HTML and CSS. Use media queries to make responsive. It should be mobile friendly.
- Concepts Covered:
- Container Queries
- CSS Nesting
- CSS Variables
- Responsive layout
- accent-color for form inputs
- :has() selector (if supported)
- Accessibility: color contrast, :focus-visible, semantic tags
- Bonus: Use BEM or SMACSS naming convention.
About Me
Hello! I'm a passionate web developer with a keen eye for detail and a love for creating engaging and user-friendly digital experiences. My journey in web development began with a fascination for how websites are built and has evolved into a dedication to crafting high-quality, accessible, and performant applications.
I specialize in front-end development, with a strong foundation in HTML, CSS, and JavaScript. I enjoy tackling complex problems and continuously learning new technologies to stay at the forefront of the ever-evolving web landscape. When I'm not coding, you can find me exploring new design trends, reading tech blogs, or enjoying the outdoors.
Get in Touch
Have a question or want to work together? Feel free to reach out!