VerdantAI is an interactive virtual plant that emotionally responds to weather input, built using pure HTML, CSS, and JavaScript. The project focuses on emotional UI, animations, and intelligent state-driven design
VerdantAI is an interactive virtual plant that emotionally responds to weather input, built using pure HTML, CSS, and JavaScript. The project focuses on emotional UI, animations, and intelligent state-driven design
I built VerdantAI, a virtual plant website that reacts(gives compliment) to weather conditions entered by the user. Based on the weather, the environment changes colors, animations (like raining) kick in, and the plant responds with calming, motivational compliments.
While building this, I learned a lot about state-driven UI, CSS animations, responsive design, and how to create an emotional user experience using just HTML, CSS, and JavaScript (no frameworks). It was challenging but rewarding to combine logic, visuals, and UX into one cohesive project.
Overall, this project helped me level up my front-end fundamentals and think more like a product designer + developer, not just a coder
Finished the landing page styling
Log in to leave a comment