Sprout!

in collaboration with Cicelia S. and Edward S.

typing test
php ✿ Bootstrap ✿ JavaScript ✿ MySQL

Description

Sprout! The pregnancy tracker is an application that keeps track of the following:

  • Patients
  • Pregnancies
  • Doctors
  • Appointments
  • Medications

It also provides different interfaces and actions depending on the user's role.

    Patient portal
    • View/Edit Personal Information
    • View Pregnancies
    • View/Request Appointments
    • View Medications
    Doctor portal
    • Patient Search
    • View/Edit Personal Information
    • View/Edit Pregnancies
    • View/Schedule Appointments
    • View/Prescribe Medications
    System Admin portal
    • Create accounts
    • Search/Edit/Delete any records
    • Change login information

Contribution

Having the most creativity in the group, I made all decisions pertaining to the layout and style of the website.

Tasks

    General
    • Integrated bootstrap, fontawesome, and google fonts CDN
    • Created UI, generic outline and components for pages (section cards, tables, nav, theme, background)
    • Added navbar with redirection to pages
    • Auth Guard for all pages so unauthorized users must login
    • Added logout functionality
    • Added footer for all pages
    • Added and styled error/success messages
    • Generated mock data for database to be displayed
    Login / Register Pages
    • Styled login and register pages
    Admin Portal
    • Cleaned up forms
    • Added buttons to open modals for database modifications for each type of user
    Doctor Portal
    • Created database table for appointments
    • Created doctor appointment form and connected to database
    • Created tables to show appointments at different status’
    • Added buttons to change the status of appointments
    Patient Portal
    • Added icons for table
    • Created patient appointment form and connected to database
    • Created tables to show appointments at different status’
    • Added buttons to change the status of appointments


Patient Home Page


Patient Appointment Page