Jello Journal

Inspiration

Sometimes I forget to check in with my emotions, and I'd feel like I need to "decompress" sometimes.

What it does

My website allows users to document things they did and how it made them feel.

How we built it

1. HTML was used to make objects/input types and text for the webpage
2. CSS was used to make the webpage nicer-looking
3. JavaScript was used to save data locally and make it more interactive with events.

Challenges we ran into

I struggled with using JavaScript. I am a relatively new programmer(I started using Javascript in my Programming 11 class), So I had to learn about things outside of class and learn things on W3Schools independently.

Accomplishments that we're proud of

I'm proud that I came here by myself today. I usually don't do events by myself and this change in style towards being more independent.

What we learned

1. How to data is saved when refreshing or leaving the website using "localStorage.setItem(x)" function
2. Learned how to add placeholders/text inside the textbox before it is edited and range sliders
3. Learned how to add elements to the document using JavaScript if statements
4. Further increased JavaScript knowledge learning about values of null or undefined

What's next for Jello Journal

1. I'd like to add more design features for users such as maybe changing the fonts styles, background image, and border styles/colors
2. Adding a feature where you can add more journal entries and flip through all of them

Built With

• css
• html5
• javascript