Happiness Reasons Day 70

So today I wanted to do a React application to well practice more. I’m still in the beginning stages of learning but it never hurts to get more practice. I was watching a Casey Neistat video where he was talking about why he does what he does. He concluded that the reason is happiness and I completely agree with his premiss so I wanted to do a simple app where you list what makes you happy and you can add more to it.

So enough talk and show (illustrate your process) here we go:

Started off with the HTML structure I wanted to make sure React loads the components properly then I move on to styling

Okay cool, all render correctly. It’s time to add some style.

it’s time to make the button work. I want when someone wants to add a reason, an input appears. and when pressing ‘enter’ or hitting the button once more it gets added to the list

I first worked on hiding and showing the input

Now I work on adding the text into the list

Awesome. Now this works with the ‘enter’ key I now move on to styling and making the button work.

Yay, all is good. Regardless of its simplicity, I’m pretty happy with the result. If you like to check the demo, here’s a link.

Happy coding 🙂

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *