…der to App.jsx.

… to Footer.jsx

…and Footer inside a div. Add color to the Footer text.

…HappyWall. Add sections in the index.css file for better overview. Add HappyBoard and HappyWall components to App.jsx.

…section.

…ize in input field and submit button.

…BASE_URL and import useEffect and useState to the HappyWall component, but as comments to avoid errors.

…onospace to the button, as well as border-radius to make it oval, and background-color grey.

…d add a border around it

…ton.

… useEffect to fetch Happy thoughts from the BASE_URL using an async/await function. Store the fetched thoughts in the 'thoughts' state using the setThoughts function. Include an empty dependency array in useEffect to ensure the fetch only runs once when the component mounts, preventing repeated API calls.

…ntainer for the styling. Map through the happyPosts array and use post._id as a unique key for each item/post. Add className post-box to display the message and hearts (likes). Add styling to the post-boxes and post-container.

…he return, add onClick function to add likes to a unique post

…notLinkedClass and likedClass.

… of the like button.

… size on the heart-icon. Style the like button.

… BASE_URL that is used in the two components HappyBoard and HappyWall. Use Async/await to fetch BASE_URL and POST the body to the HappyWall. If response is ok, clear input field. Add Error handling.

…e to the input field to prevent end-user from changing size of the field.

…size of the field

…icked to a darker grey for a higher contrast ratio.

…me should be shown to the user based on the end user location. Add a new container, like-container, to fix the styling.

…words.

…time.