Skip to content

Final PBL Features

yajatyadav edited this page Feb 11, 2022 · 2 revisions

Slideshow for Colleges

Main Idea

Adding a slideshow for pictures of colleges and information about them based on what the user inputs for their college choices

Planned delivery schedule

  • Phase 1
    • Plan/wiki page for idea
    • Basic slideshow template with images
  • Phase 2
    • Slideshow with college pictures and information about colleges
    • Clicking on pictures links to college website
  • Phase 3
    • Slideshow changes based on user input college list

Contribution to PBL Project

Adding this feature to our project, the college application service, will allow users to easily access information about their selected colleges. In addition, having more images and visuals on the page makes the site look better and more interactive for users.

Design ideas

The slideshows will be under the list on the college_list page of our website. This would make it easy to access while the user views their college choices. There'll be 2 slideshows; one for an image of the college linking to their website and one for text information about the college.

Code plan

To accomplish this, I'll be using an API with the college information and then write backend code to set up the slideshow with the user's colleges. I'll then display it on frontend on the college_list page.

Contribution to PBL Project, Design ideas, and Code Plan

Login System and Sign Up

  • We already have the HTML for a sign up page, with a button on the navbar to redirect
  • Have to work on the backend for adding user information to a database
  • Try to implement encryption so we can't see the user password
  • This will allow each user to customize the website for their college applications process

Global Search Bar

  • Adding a search bar on the navbar that searches all of the website's contents
  • Elastisearch integration: https://reflectoring.io/hibernate-search/
  • Start with searching on keyword, later by term
  • This will allow users to search different pages, such as the admissions FAQ, their deadlines, their college info, etc.

Spotify API for Calming Music

  • Integrating the API on our homepage
  • Will provide relaxing music to help with college applications
  • Using Rapid API to retrieve data of Nature Sounds
  • Need to work on frontend to display the songs we receive and embed them to make them playable on the website

College Database

  • Already have working database with CRUD functionality
  • Can add on by connecting the database to other aspects:
  • Updating images to the slideshow as colleges are added/removed
  • Using a College API to fetch the different deadline dates for a user's colleges in the database and populating the calendar using this info
  • These additions will make the website more integrated, as important action items specific to the user will be displayed on the frontpage

Calendar

Main Idea

Adding a calendar that will help clients keep track of due dates, and allow them to add events to certain days that they need to attend.

Planned delivery schedule

  • Phase 1
    • Plan/wiki page for idea
    • Look up calendar templates
  • Phase 2
    • Calendar added into site
    • Be able to add own events to each of the days
  • Phase 3
    • Integrate it with the login system with Yajat

Contribution to PBL Project

Adding this feature to our project, the college application service, will allow users to easily access information about certain selected colleges. In addition, it will give users a timeline for when their due dates are and when to add / attend events

Design ideas

  • The slideshows will be under the list on the college_list page of our website. This would make it easy to access while the user views their college choices.
  • There'll be 2 slideshows; one for an image of the college linking to their website and one for text information about the college.
  • Gives constant reminders and feedback regarding when deadlines or other events are approaching on the calendar. This is important so that the user always knows what to focus on so they don’t get off task
  • Make it possible to access more information for each college using links that could be in the form of the image of each college
  • The calendar will be different for each user depending on their database ID

Code plan

To accomplish this, I'll likely be using javascript and jquery in order to receive user input and change the calendar based on that user input. Furthermore, with Yajat's login system, we will likely be using databases to implement user's calendars.