blueprint is a collaborative scheduling and note-taking app. It allows its users to join classes to find their classmates, and collaborate smartly and effectively. It has three main features: (1) discussion board where the users can open intelligent conversations about topics, (2) note sharing boards to share your knowledge with your classmates, and (3) class requirements calendar to make sure that you won’t miss a single thing!
- Francheska Josefa Vicente
- Sophia Danielle S. Vista
- Extract the folder from the zipped file that you can download through here
- Naviate to the project project (using the cd command) (i.e. the main folder containing the file app.js)
- Run the command in order to install all the modules needed in order to run the project successfully:
npm install
- We may now run the server by typing
node app.js - Since the web application is running on localhost:3000, type
http://localhost:3000on your browser of choice. - Now, do not forget to sign up to access all the features of the application!
You can also access this project through this Heroku link.
These are the different pages that would help your collaborate with your classmates and friends! Opening the web application would land you on the website splash page. Here, you would see the Sign Up and Log In button to access the application.
To use the different features of the application, a user needs to register. All fields need to be filled up with information that passes the requirements set up by the creators. Note that the username entered should be unique.
Using the information you used to register, login.
In the home page, the user would be able to see all the tasks and requirements for all of their classes for that month. This is the landing page for all of the users that has an existing session in the web application.
In this page, the user would be able to see all the classes that they added, and their schedule for the week.
A user may search for their class using the course code or the course name. Once they have found their class, they can add the class and start connecting with their classmates.
If a user's class does not yet exist, they may choose to create the class.
A user may also choose to drop a class from their list of classes.
All of the user's added class can be found in the dashboard. Clicking any of the classes in this list would redirect the user to their class' home page.
This page holds the information for the class.
This feature allows users to add a discussion thread, comment on existing thread, and edit and delete threads that they have created. To access a specific post, just click on the discussion title.
In this page, a user may see, modify and remove the requirements for that class.
A user may view, edit, delete and comment on the notes that their classmates added.
In this page, you would be able to see the your profile and information. A user may also click on the picture to change their profile picture. This page also holds the Log Out button that the user needs to use to log out their account.
This page allows you to change the information your profile. By leaving the text boxes blank, it means that you do not want to change these fields. However, the user's current password is needed to change the information.
A user may also access their classmate's profile and schedule through clicking their name in the class list. Using this, they may collaborate remotely as they can schedule their meetings easier.
- bcrypt
- body-parser
- calendar
- connect-mongo
- dotenv
- express
- express-handlebars
- express-validator
- express-session
- mongodb
- mongoose
- multer
- path
- Dom Fou on Unsplash
- NeONBRAND on Unsplash
- John Schnobrich on Unsplash
- Eric Rothermel on Unsplash
- Akson on Unsplash