InspoDaily

• 

  Web App UI

Inspiration

Things in life don't always go according to plan. You might have failed an exam, argued with your best friend, or something worse could have happened. These negative things are part of life and people sometimes tend to struggle to cope with them. I, personally, deal with this a lot. Having lots of things not go to plan and getting very frustrated, I tend to perform poorly upon such negativity that fills my head. Thus, I wanted to create something that can get me focused and motivated to continue pushing forward despite the setbacks.

What it does

InspoDaily is a webapp that allows users, especially those that are in a bad mood, to read some inspirational quotes from some influential figures throughout history. The goal of my project is to inspire people when they are feeling down so that they can lift themselves back up. By clicking the "New Quote" button at the bottom, users can view a different random quote.

How I built it

I used ReactJS to build the frontend of the web application. I also used a free API provided by https://zenquotes.io/ in order to find random quotes and authors.

Challenges I ran into

I was not entirely familiar with how to link to new pages using React. This is something that I was planning on learning while creating this project, but I had no time to do this. However, I did learn a lot of other fascinating things, and hopefully I can soon learn some more about React!

Accomplishments that I'm proud of

I'm proud of being able to successfully integrate an API into my project. I never properly did something like this before and learning how to was a great experience. I'm also proud of some of the minute features I included like the change in styling when hovering over any of the navigation bar items. I thought the transition for the emoji was very nice, but I think there may have been a better way to do that in React instead of using CSS.

What I learned

I learned about using APIs which is something that I haven't actually used much of. I learned a bit more about React like the useEffect hook which helped me a lot with developing this project. I also learned a lot about CSS like the ability to cause things to change styling when hovered over.

What's next for InspoDaily

I want to add more features to the web application. A backend that allows users to sign up for an account would be pretty cool since I plan on adding additional features so that the user can customize the type of quotes they want to view. Furthermore, I plan on integrating the web application with phone text so that the user has the ability to opt in to regular text messages with inspirational quotes. Having a text every morning with a nice quote would be a great way to start the day. Furthermore, I also wanted to incorporate a settings page where users can customize a variety of things like the type of quotes, how often the text messages should come (if they opt in), and many more!

Built With

• css
• html
• javascript
• react