Generosity Journal

Generosity Journal inspires users to complete one act of kindness daily. With challenges, progress tracking, and a like-minded community, we’re creating a better world one act at a time.

Comment

Inspiration

Our inspiration stems from the idea of promoting kindness and encouraging individuals to reflect on their own actions and experiences. By creating a platform where people can document and share these moments, we aim to inspire others to contribute to their communities and spread positivity.

What it does

The Generosity Journal allows users to document and reflect on acts of generosity they’ve experienced or participated in. Whether it’s a random act of kindness or a planned charitable endeavor, users can log these moments, add personal thoughts, and share them with others. This journal serves as both a personal tool for reflection and a social platform to inspire others. Key features include:

  • Writing entries about acts of generosity.
  • Viewing and interacting with others' entries.
  • Receiving encouragement and inspiration from a community of like-minded individuals.
  • A daily challenge of kindness that allows users to upload what they did and see what the community has done.

How we built it

Frontend: React was used to build an interactive and dynamic user interface, making it easy for users to engage with the platform and log their acts of generosity. Backend: We used Firebase as the backend service to handle all data management. Firebase allowed us to implement POST and GET requests to manage user data and journal entries efficiently. Authentication: Firebase Authentication was integrated to provide secure login and user management, ensuring that each user has a personalized experience. Styling: We used Tailwind CSS to style the app, providing a responsive, modern design that adapts seamlessly to different screen sizes and devices.

Challenges we ran into

Setup the Tailwind CSS with React Retrieving backend data in cloud storage to frontend

Accomplishments that we're proud of

Upload images from backend and display it on the frontend Use tags to group different challenges Have Figma design and concise, aesthetic, and easily navigable UI

What we learned

Be more familiar Git commands and project management Learn more about Firebase cloud storage Be more advanced in Figma Cooperate as a team

What's next for Generosity Journal

Be able to comment on users' posts Expand on the backend by storing more information and be able to access it from the frontend

Built With

Share this project:

Updates