Inspired by the fun, brightly colored pieces of paper, I decided to create a website for virtual sticky notes that would be as useful as sticky notes in real life.

What it does

The Sticky Note Wall is a website to store your notes, save your ideas, and connect with other people. Create an account and instantly get access to your very own sticky note walls! Your personal sticker wall is available for people to add notes to, and you can create as many other walls as you want.

The Sticky Note Walls can be used for a variety of purposes. You can:

  • make a todo list of things you need to finish
  • create a log of all your ideas to jot them down for future reference
  • have a virtual yearbook where friends can leave notes on your wall
  • or anything else you can think of!

How we built it

The website was built with React, using the Next.js framework and TailwindCSS for styling. I used Firebase for authentication and Firestore for the database. By using features of Next.js such as dynamic routing and incremental static regeneration, I was able to create a dynamic website with lots of features and great performance.

Challenges we ran into

It was challenging to get the users' profile page and personal walls working at first, since it would show a 404 page. After researching and learning more about incremental static regeneration and the various fallback modes, I was able to fix this.

Accomplishments that we're proud of

I'm proud that I created an awesome website that can be used by anyone in their daily lives. Even though I started with a smaller plan, I was able to extend it with lots of new features, such as creating sticky note walls apart from the user's default one.

What we learned

I learned a lot about Next.js, especially about incremental static generation and how data fetching works. I was also able to familiarize myself with Firebase and Firestore, which I hadn't worked with much before.

What's next for Sticky Note Wall

In the future, I plan to add more features, such as the ability to moderate and delete sticky notes on your wall or your own sticky notes. I also plan to add the ability to make sticky note walls private, or only share with specific people. These improvements will make Sticky Note Wall an even better product and more useful.

Built With

Share this project: