Good Deeds Wall

• 

  Main page

Inspiration

I wanted to create a space where people could anonymously share small acts of kindness and feel good about the world. I was inspired by the idea that even little good deeds can have a big ripple effect, and I wanted to make an app that encourages positivity in a fun, playful way.

What it does

Good Deeds Wall lets users post kind acts they’ve done or witnessed, completely anonymously. Everyone can read each other’s posts and get inspired, creating a virtual wall of positivity. It’s simple, interactive, and uplifting.

How we built it

I built the frontend using React with TailwindCSS for styling, adding playful animations and gradients to make the interface feel warm and inviting. For handling posts, I used Axios to communicate with a backend built in Node.js and Express, which stores posts and serves them to users.

Challenges we ran into

One of the biggest challenges was making the app feel lively and interactive without overcomplicating the design. I also ran into deployment issues on Netlify because I initially misconfigured the base directory and package paths, which caused build errors.

Accomplishments that we're proud of

I’m proud that I was able to create an app that not only functions smoothly but also feels cheerful and welcoming. I love seeing how small animations, gradients, and rounded elements make a simple concept feel magical.

What we learned

I learned a lot about deploying React apps correctly, configuring Netlify build settings, and making a user interface that’s both responsive and fun. I also gained experience integrating frontend and backend communication with Axios and Express.

What's next for Good Deeds Wall

Next, I want to add features like reacting to posts with hearts or emojis, making the input box grow as you type, and maybe letting users filter posts by type of deed. I’d also like to explore turning it into a progressive web app so people can “install” it on their devices and spread kindness even more easily.

Built With

• css
• html
• javascript
• mongodb
• netlify
• node.js
• prismic.io