Landing page that features a fun quiz to find out which plant aligns with your lifestyle. Displays six beautiful houseplants. Hover over the images to discover how each one thrives. Become a proud plant parent today!
Tech used: HTML, CSS, JavaScript. Visual Studio Code editor.
This was the first project I built when I started learning about front-end web development. I created the structure of the page with various HTML element tags such as h1, h2, p, div, img, button, etc. I added CSS properties for style and design with background color, font, margins, borders, and more. To include a user interaction, I added JavaScript functionalities; let, if, else, prompt, event. With this, I featured a quiz that suggests to the user two plants that would suit them best based on their preference of maintenance level.
🏅 This was a certification project for the SheCodes Basics Workshop.
Originally when I built this landing page, it was intended for desktop viewing primarily. I later optimized the page by making it responsive and easier to view for smaller devices.
Take a look!
Aqua Weather: https://github.com/breandabarnett/react-weather-app
React.Dictionary: https://github.com/breandabarnett/dictionary-project
Odin Recipes: https://github.com/breandabarnett/odin-recipes