StickyStan (Frontend located here)
Stan-notes-API (Backend located here)
A single page application used to add digital sticky notes to a digital bulletin board.
This project is in continued development. Project meets requirements, but much more can be done to bolster this project:
- Authentication for user accounts
- Timestamp notes
- Minor edge cases
- Make mobile frendly
Clone down this repository. You will need node and npm installed globally on your machine.
Installation:
npm install
To Start Server:
npm start
To Visit App:
localhost:3000/notes/
This was a 1 week long project built during my third module at PerScholas' Software Development course. Project goals included using technologies learned up until this point and familiarizing myself with documentation for new features.
Originally I wanted to build an application that allowed users to post sticky notes onto a digital bulletin board. I started this process by using the create-react-app boilerplate, then adding react-draggable and useState/useEffect.
One of the main challenges I ran into was keeping the sticky note's location after page refresh. This led me to spend a day working out how to store the (X,Y) data in the object I have in MongoDB already, so on page refresh the sticky notes would not default to (0,0).
At the end of the day, the technologies implemented in this project are React, React-Router-Dom, MongoDB, HerokuApps, and a significant amount of VanillaJS, JSX, and CSS. I chose to use the create-react-app boilerplate to minimize initial setup and invest more time toward the functionality of the project. In the next iteration I plan on integrating authentication, so users can have their own accounts and stickys.