Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Ninas Happy thoughts #439

Open
wants to merge 16 commits into
base: master
Choose a base branch
from
Open

Ninas Happy thoughts #439

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
d2cdb4c
first in
NinaWald Mar 26, 2023
f05786e
add readmefile
NinaWald Mar 26, 2023
1a26589
fix
NinaWald Mar 26, 2023
cdb062a
fix
NinaWald Mar 26, 2023
0bb0ec1
trying out new api
NinaWald May 17, 2023
d938728
changed things to fit my backend
NinaWald May 17, 2023
60aa6e5
changed likes function bc it was not working
NinaWald May 17, 2023
9ce18c9
trying to fix likes function
NinaWald May 17, 2023
0af042a
fixed issues with likes
NinaWald May 17, 2023
0da21ae
continue to fix the likes
NinaWald May 17, 2023
5fa9219
changing the code again to see if likes work
NinaWald May 17, 2023
7cb461d
testing the likes function
NinaWald May 17, 2023
f84a2b4
changed post to patch in likes update
NinaWald May 17, 2023
45c7f01
finally fixed the likes count
NinaWald May 18, 2023
de1075a
added enterkey
NinaWald May 18, 2023
b3b8625
not getting enter key to work
NinaWald May 19, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 11 additions & 5 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,19 @@
# Happy Thoughts

Replace this readme with your own information about your project.
The project was about learning useState and useEffect regarding React.
It is like a simpler version of twitter.
We learned about POSTMAN.

Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.

## The problem

Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
Project Happy Thoughts is a full-stack web application that allows users to share their positive thoughts and view others' positive messages.
It was about learning to fetch the message inputs from an API and also to POST request with JSON body.
The message you send is validated - it must be present and be between 5 and 140 characters long. If it fails these validations, you'll get a response with detailed error information, which you could use to show a friendly error to the user. This was something that I failed in doing, it was very difficult!
There should also be a heart button that was clickable.
When you submit the form to add a new thought, the API returns the new thought object in the same way it would look if it was part of the full list response. You can use this to avoid having to send a second API request to fetch all thoughts again after submitting a new thought. See the react documentation for a more detailed explanation of adding an object to an existing array in state, but in a nutshell, you'll want to do something like this:
One of the main challenges facing this project is managing user-generated content.
Overall, Project Happy Thoughts presents several challenges that require careful planning and execution to ensure a successful and enjoyable user experience.

## View it live

Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.

Loading