Happy Thoughts is a small web app where users can write short positive messages and like other users' messages by clicking a heart.
- Write and send a happy thought (max 140 characters).
- View all thoughts with latest first.
- Like a thought by clicking the heart – count updates instantly.
- Heart button starts white and turns pink when clicked.
- Character counter under the textarea.
- Mobile-first responsive design for tablets and desktops.
- React for the frontend.
- useState & useEffect to manage state and fetch data.
- Fetch API to communicate with the backend.
- CSS with mobile-first and responsive design.
- Monospace font "Inconsolata" for clean and simple styling.
- Backend powered by a REST API. A little ChatGPT to explain things I don't understand yet!
If I had more time, I would:
- Allow editing or deleting own thoughts.
- Show timestamp for each thought.
Run the project locally
➜ Local: http://localhost:5175/