Skip to content

This is a collaboration project to create a Full-Stack web application using JavaScript, Node.js, Express.js, Handlebars.js , dotenv, bcrypt, MySQL2, and Sequelize.js. In this app, Study Buddy, users can create, edit, and delete notes on a social media-like webpage.

Notifications You must be signed in to change notification settings

kelseyalderman/Study-Buddy

 
 

Repository files navigation

Study Buddy

You'll never lose your notes again!

Tired of taking notes with paper and pencil, only to misplace them? Study Buddy offers a cloud-based storage system for all of your note-taking needs! You can add, update, or delete your notes on this online platform. Even after you log out of your computer for the evening, your notes will still be waiting for you when you return to your computer. Plus, you can view other user's notes too!

Study Buddy is a site that allows users to create, read, save, delete, and share personalized notes. This application follows the MVC paradigm in its architectural structure, using Handlebars.js as the templating language, Sequelize as the ORM, and the express-session npm package for authentication.

Usage and Features

This is how Study Buddy appears to users. The page is responsive, adapting to multiple screen sizes.

screenshot of Study Buddy user dashboard

When visiting Study Buddy, users are presented with a homepage. On this homepage, they can view notebooks created by other users. They can then view the contents of each notebook by clicking on them. Users are only able to edit their own notebooks - not the notebooks of other users.

gif of a user viewing their homepage and other user's notes

If the user wishes to create their own notebooks, they must have an account. Users can sign up by clicking the link in the top right-hand corner. Alternatively, users can log in if they already have an account. Upon signing in, users are brought to their notebooks.

gif of a user logging in or signing up to Study Buddy

Users can create a new notebook by entering a title and submitting the form. Once the notebook has been created, users can add, edit, or delete notes from their notebook. By clicking on the note within the notebook, users can edit or delete that note from their notebook. If the user wishes to delete their entire notebook, they can do that by clicking the red "delete notebook" at the bottom of the screen.

gif of a user creating, reading, updating, and deleting their notes and notebooks

Built With

Deployed Site

Follow this link to view and use our site!

Suggestion Box

In the future, I would like to add the following improvements:

  • A profile page for users that shows their information and notebooks.
  • A "favorite" system where you can save your favorite or most-used notebooks for easy access.
  • An organizational sorting system to file your notebooks into folders.
  • A search function where a user can query a keyword and search notebooks for that term. This function could be expanded to a filtering system where users can also filter by a notebook type.
  • The ability to make a notebook private or public, giving the user freedom to hide certain notebooks from other's view.

We're always interested in refactoring code to improve it's functionality. If you would like to suggest your own improvements, you can reach our development team at the links below.

Credits

Contributors

Ashley Smith Kelsey Alderman Mohamed Abdullahi
- Github - Github - Github
- LinkedIn - LinkedIn - LinkedIn

Acknowledgements

This project was built with the help of the University of Oregon's Coding Boot Camp.

About

This is a collaboration project to create a Full-Stack web application using JavaScript, Node.js, Express.js, Handlebars.js , dotenv, bcrypt, MySQL2, and Sequelize.js. In this app, Study Buddy, users can create, edit, and delete notes on a social media-like webpage.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 58.1%
  • HTML 19.2%
  • Handlebars 13.0%
  • CSS 9.7%