Happy Thoughts 😊 Joyce Kuo #105
Conversation
src/components/HappyThought.jsx
Outdated
| import { useState, useEffect } from 'react'; | ||
|
|
||
| // Function to calculate time difference | ||
| const timeAgo = (createdAt) => { |
There was a problem hiding this comment.
But could maybe be abstracted into a utils folder?
src/components/SubmitForm.jsx
Outdated
| const URL = 'https://happy-thoughts-ux7hkzgmwa-uc.a.run.app/thoughts'; | ||
|
|
||
| // Validate message length | ||
| if (thought.length < 5 || thought.length > 140) { |
README.md
Outdated
There was a problem hiding this comment.
Thanks for sharing your process! I can relate to getting stuck with details 😅
There was a problem hiding this comment.
Great job Joyce with this project!
I’m super impressed by how you’ve structured your code in such a clean and clever way that’s easy to follow. All requirements are met, and the app looks really nice. I especially like how you made the likes/hearts change color once clicked.
The if-else statement you used to validate the character count between 5 and 140 is much more concise than mine -I’ll definitely be taking inspiration from that!
Excellent job with state management, props implementation and the crafty timeAgo utility.
All in all, I’m really impressed. Amazing work! 🎉
src/App.jsx
Outdated
| const addThought = (newThought) => { | ||
| setThoughts((prevThoughts) => [newThought, ...prevThoughts.slice(0, 19)]); | ||
| }; |
Netlify link
https://happy-thoughts-joyce.netlify.app/