Plant mood matcher banner

Plant mood matcher

5 devlogs
9h 32m 52s

Uses your current mood and age to match you with a particular type of plant.
THIS WEBSITE IS NOT OPTIMIZED FOR MOBILE, PLEASE USE A LAPTOP OR DESKTOP

This project uses AI

I have Only and ONLY used AI to find the associated plants with inputted moods and ages! Everything else including code, the images itself and design were all done by me!

Demo Repository

Loading README...

Naytik

Shipped this project!

Hours: 9.55
Cookies: 🍪 56
Multiplier: 5.84 cookies/hr

I have finally added everything and finalised the design, Here goes nothing!
To use the project please first enter your mood from the dropdown list and age and then click submit, It will then match you up with a plant and once you’re done looking at the webpage you can click the button at the bottom to send you back to the main page

I had to learn a good amount of HTML and JavaScript to pull of this project!, It took me a really long time to do so!

credits to w3schools.com for teaching me all this

Naytik

I finally finished the age range category of 46-94 years old and 66-94 year old :) (There is no mistake)
I decided to use the same plants for almost all the emotions between 46-94 for simplicities sake however I did decide to change the plant only for neutral emotion!
Here are some pictures to the new webpages I made

Attachment
Attachment
Attachment
Attachment
Attachment
0
Naytik

I finally finished the age range category of 16-45 years old :)
For the plants I decided that for happiness I chose the Sunflower, Sadness: Weeping willow tree, for anger: I chose the Red-hot-poker and finally for neutral emotion I chose the fern

I am pretty sure for my final project I will not be using static.app in favor of something like github pages or render.io

I have also discovered that copy and paste exist, hence the next categories should go quite fast!

Anyways here are some pictures of the newly added pages

Attachment
Attachment
Attachment
Attachment
0
Naytik

I added a new page and also completely revamped the website and its colors!
Below are images of my changes. I also started to host this with static.app

Attachment
Attachment
0
Naytik

After a few more hours of messing around with HTML, JavaScript and CSS I have managed to create my first output of the type of plant you are going to be, over the next few days I plan to add more outputs and restyle a lot of the UI elements as it currently looks really clunky. I also plan to take inspiration from the Flourtown UI elements to give it that playful feel I think this project should have

Attachment
Attachment
0
Naytik

I have made the site, and I am currently working on the logic part of it, I still need to make the spreadsheet data. I plan to limit the age 100 for unique plants but anything above will output a really old species of plant (most likely a tree)

Attachment
0