Week 11: Project Happy thoughts

[jacquelinekellyhunt]

https://happiestthoughts.netlify.app/

[HIPPIEKICK]

Hi Kelly!
Before I forget: Next week I'd like to see you commit more often! Two commits for a project this big seems a bit scary - try to commit whenever you've introduced a new feature.

Onto the code ⚡
Some of your code is quite complex and I think you could benefit from more comments or potentially breaking the code up a bit more with descriptive variables. Oneliners are short but not always the easiest to understand 😅 Example:

const handleLike = (thoughtId) => {
    if (!likedThoughts.includes(thoughtId)) {
      setLikedThoughts((prevLikes) => [...prevLikes, thoughtId]);
      setThoughts((prevThoughts) =>
        prevThoughts.map((thought) =>
          thought._id === thoughtId
            ? { ...thought, hearts: thought.hearts + 1 }
            : thought
        )
      );
    }
  };

With that said - kudos for disabling the like function for already liked posts 🥳 and overall, your code is easy to follow and you have a nice structure. Also kudos for doing your own take on the design but still keeping the big features!

Some notes about clean code

• No need to import React
• Out of curiousity, why did you change the App import type to not match the rest of your components? 👀

Continue like this!

[jacquelinekellyhunt]

@HIPPIEKICK I committed my Typescript changes straight to the main accidentally - I was not in the best shape last week as a lot happened so I might not have done everything right in terms of turning the work in - please let me know if I need to do anything else to get this approved.

https://happiestthoughts.netlify.app/

[JennieDalgren]

Great job!

You have converted your code to TypeScript and implemented interfaces in a great way!
All approved

⭐