Skip to content

arunike/Five-Course-Bird-Feeder-Frontend

Repository files navigation

COMP SCI 506

Description

Projects I did in COMP SCI 506: Software Engineering

  • Project Frontend: Five Course Bird Feeder Frontend
  • Project API: Five Course Bird Feeder API
  • About

    1. Login/Sign up Page
      • The website will give the option to log in to an existing account for returning users or create a new account for new users.
      • Returning users can sign into their accounts with their username and password.
      • The data collected for new accounts:
        • Username
        • Password
        • First Name
        • Last Name
    2. Home Page – Live View of User’s Birdfeeder
      • View live and recorded video streams of user’s birdfeeder
        • If the bird feeder camera is currently streaming video, display it on the home page.
        • Recorded video Otherwise, display previously recorded video from the user’s bird feeder camera.
      • Next to the video stream display will be a short summary of the bird observations since the user’s last login.
      • The home page sidebar will contain navigation buttons to all the other features offered by the application.
    3. Profile Page
      • Display user profile data:
        • Display username, full name, any any other personal information
        • Allow user to change any of this information, including their password
    4. Settings Page
      • Users can change feeding schedules to:
        • DAttract specific bird species at certain times of the day
        • Keep certain animals/birds from feeding at their feeder
      • Users can change settings related to the default statistics shown
    5. Statistics Page
      • Graphic and tabular displays of:
        • what birds are visiting
        • how frequently they are visiting
        • what time of day they are visiting
        • total birds visited
      • Users can change settings related to the default statistics shown
    6. ML + Image Labeling Page
      • Working in progress

    How to Run

    1. Clone the repository
    2. git clone https://github.com/arunike/CS506-Frontend.git
      
    3. Run the API
    4. Have Docker on your machine
    5. Install dependencies
    6. npm install
      
    7. Enable CORS Unblock Extension
    8. Run the application
    9. npm run dev