Inspiration
As a student managing multiple assignments, ideas, and personal goals, I wanted a simple and interactive tool to help me stay organized and motivated. I was inspired by the concept of sticky notes and decided to turn that into a digital experience for productivity and task management.
What it does
Sticky Wall Notes is a web application where users can:
Create, edit, and delete sticky notes.
Organize tasks by days of the week.
Mark tasks as completed.
Receive motivational messages to encourage task completion.
Use a visual sticky wall interface for better planning.
How we built it
I built this project using:
ReactJS for the front-end interface and component structure.
Firebase Firestore to store and sync notes in real time.
Bootstrap for basic UI styling and layout.
JavaScript and CSS for interactivity and responsive design.
Challenges we ran into
Setting up real-time synchronization with Firebase.
Managing dynamic updates and state changes in React.
Handling UI drag-and-drop without external libraries.
Keeping the interface clean and user-friendly while adding features.
Accomplishments that we're proud of
Successfully building a functional sticky notes app from scratch.
Learning and applying real-time database integration.
Creating a smooth and engaging user experience.
Completing my first personal project to share on Devpost!
What we learned
Working with Firebase Firestore for real-time data.
Structuring a React application with reusable components.
Managing application state and side effects.
Designing UI that balances simplicity and functionality.
What's next for Sticky Wall notes
Add user authentication (sign in/sign up).
Allow collaborative boards with team members.
Implement notifications and calendar reminders.
Improve mobile responsiveness and dark mode.
Log in or sign up for Devpost to join the conversation.