IOi-o.hashnode.dev·Nov 26, 2024Perfume Product CardThis challenge required that I use a mobile-first approach to produce a product-preview card for a perfume. The task This required that I change my workflow from desktop to mobile-first. Approach I approached the task with a Flex layout in mind. This...HTML
IOi-o.hashnode.dev·Nov 25, 2024Recipe pageThis challenge was for a recipe page, for both desktop and mobile. The task Most notably, it contains a table and line breaks. I had to break the task down piece by piece and work top to bottom on the CSS to reach the desired outcome. Approach I was ...HTML
IOi-o.hashnode.dev·Nov 5, 2024QR-CodeFor my first Frontend Mentor project, I had to design a static web page with a QR-code. The task I was provided the design, a Figma file and the content. I was required to write the HTML and style the CSS, as well as optimise for mobile, too. Approac...Qrcode
CodeCaracodecara.hashnode.dev·May 5, 2024Better late than never...Having finally decided to start trying to learn web dev in October of 2023, (after having had it on the backburner for so long, the web 'pot' was now well and truly scorched), I recently became aware that documenting my progress to some degree might ...1 like·27 readsSelf-taught
Frontend Clubfrontend-club.hashnode.dev·Mar 6, 2024PROY59: Chat App CSS IllustrationBienvenido, Nuestra misión será crear una ilustración de chat, usando HTML y CSS puro; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Mostrar animación (movimiento de iconos) del chat al cargar la página. Ver un dise...Challengeschat-app-css-illustration
Frontend Clubfrontend-club.hashnode.dev·Mar 4, 2024PROY57: Advice Generator AppBienvenido, Nuestra misión será crear un componente de citas aleatorias, usando HTML, CSS, JavaScript y API; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Generar una nueva cita aleatoria haciendo clic en el ícono. ...Challengesadvice-generator-app
Frontend Clubfrontend-club.hashnode.dev·Mar 2, 2024PROY55: Fylo Dark Theme Landing PageBienvenido, Nuestra misión será crear una Landing Page Fylo Dark, usando HTML y CSS; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Ver un mensaje de error si se envía el campo correo vacío. Ver un mensaje de error s...Challengesfylo-dark-theme-landing-page
Frontend Clubfrontend-club.hashnode.dev·Mar 1, 2024PROY54: Newsletter Popup TemplateBienvenido, Nuestra misión será crear un boletín de noticias modal, usando HTML y CSS; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Ver un mensaje de error si se envía el campo vacío. Ver un mensaje de error si se ...Challengesnewsletter-popup-template
Frontend Clubfrontend-club.hashnode.dev·Feb 29, 2024PROY53: Project Tracking Intro ComponentBienvenido, Nuestra misión será crear un componente de seguimiento de proyectos, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Ver un diseño óptimo en pantallas grandes(1200px) y pequeñ...Challengesproject-tracking-intro-component
Frontend Clubfrontend-club.hashnode.dev·Feb 28, 2024PROY52: Sign Up CommunityBienvenido, Nuestra misión será crear un formulario de registro, usando HTML y CSS; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Ver un estado focus al hacer clic en el campo input. Ver un diseño óptimo en pantalla...Challengessignup-community
