Skip to content

Happy Thoughts App: A React project focused on state management, API interactions for fetching and posting data. Features include a design-aligned UI, sorted thought display by recency, like count for each thought, a form for new thoughts, and a like functionality.

Notifications You must be signed in to change notification settings

Anna2024WebDev/project-happy-thoughts-vite

 
 

Repository files navigation

Happy thoughts Project

In this week's project, we have been working with APIs again, this time in React. We should also apply what we learnt about the useEffect function and also been using useState.

I have focused on dividing the project into different components and tried to make it as easy and understandable as possible. This time we also had to focus quite a lot on the styling and adapt it to the design we received. I thought it was a bit tricky with the useEffect but I looked a lot at the example we did on the tuesday session as well as the Q&A session on Thursday. I also found it difficult with the time conversion to be able to show the time stamp of the different posts and needed help from chatGPT for that.

If I would have more time I would add the function to display max number of characters used. I did however add this as an if/else statement but it is not showing in the text area.

View it live

https://happythoughtsbyanna.netlify.app/

About

Happy Thoughts App: A React project focused on state management, API interactions for fetching and posting data. Features include a design-aligned UI, sorted thought display by recency, like count for each thought, a form for new thoughts, and a like functionality.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.9%
  • CSS 21.1%
  • HTML 4.0%