noelierx/whiskerwatch

WhiskerWatch is a web application designed to provide comprehensive care and medical information for your beloved cat. As a frequent traveler with your feline companion, you can now have peace of mind knowing that your cat's health and well-being are well-documented and accessible to caregivers when you're away.

Hello world 👋! I'm Noëlie

👩‍💻 I'm currently Engineering Manager at Jaji! I'm also a Game'Her contributor. I worked at OpenClassrooms as frontend engineer and teacher at EEMI. I also worked as an accessibility consultant. My passion lies in creating inclusive digital experiences and raising awareness about the importance of web accessibility. I'm also the founder of Koala.

📄Alongside this, I'm currently trying to build WhiskerWatch, a web application designed to provide comprehensive care and medical information for your beloved cat.

🌟 Skills

Web Accessibility (RGAA, WCAG, Section 508, EN 301 549, Games Accessibility Guidelines)
Frontend development (HTML, CSS, JavaScript, React.js, ...)
Teaching & Training
User Experience (UX) Design

🤝 Let's connect!

If you're interested in web accessibility, creating inclusive digital experiences, or just want to chat about gaming or tech, feel free to connect with me on my website or on Twitter!

whiskerwatch's Issues

Food instructions

Description:

Allow users to select multiple food instructions using dropdown or other components in the WhiskerWatch app. This will enable users to easily choose and manage various food instructions for their cats. Users should be able to add custom instructions if needed.

Tasks:

• Update the frontend form for adding and editing a cat to include multiple choices for food instructions.
• Implement logic to handle the selection and deselection of food instructions.
• Update the backend API to handle multiple food instructions for each cat.

Relevant data

const foodInstructionsOptions = [
  'Feed Twice Daily',
  'Use Specific Food Brand',
  'Portion Control Instructions',
  'Monitor Food Consumption',
  'Avoid Certain Foods',
  'Add Supplements',
  'Introduce New Foods Gradually',
  'Use Food Puzzles for Enrichment',
  'Check for Allergies or Sensitivities',
];

Reminder Notifications

Description:

Implement reminder notifications for feeding times, medication schedules, and other important events.

Tasks:

• Set up a notification system to send reminders to users.
• Implement a mechanism to schedule and manage reminders based on user inputs.
• Integrate the notification system with the backend and frontend.

Water instructions

Description:

Allow users to select multiple water instructions using dropdown or other components in the WhiskerWatch app. This will enable users to choose and manage various water instructions for their cats. Users should be able to add custom instructions if needed.

Tasks:

• Update the frontend form for adding and editing a cat to include multiple choices for water instructions.
• Implement logic to handle the selection and deselection of water instructions.
• Update the backend API to handle multiple water instructions for each cat.

Relevant data

const waterInstructionsOptions = [
  'Refill Water Bowl Twice Daily',
  'Monitor Water Consumption',
  'Use Filtered Water Only',
  'Change Water Daily',
  'Add Ice Cubes in Summer',
  'Add Water Fountain',
  'Keep Water Bowl Away from Food',
  'Use Stainless Steel Bowls',
  'Keep Water Level Consistent',
  'Check for Dehydration Signs',
  'Use Water Additives',
];

Emergency contacts

Description:

Allow users to add and manage multiple emergency contacts for their cats in the WhiskerWatch app. Each emergency contact will have a name and a phone number. Users should be able to add new emergency contacts by clicking a plus button, and the previously stored contacts should be displayed in a table with options to remove or edit them.

Tasks:

• Update the frontend form for adding and editing a cat to include fields for emergency contact name and phone number.
• Implement logic to handle adding and removing multiple emergency contacts in the frontend.
• Display the previously stored emergency contacts in a table format with options to remove or edit them.
• Update the backend API to store and retrieve multiple emergency contacts for each cat.

Health metrics

Description:

Implement the ability to track and record your cat's weight, temperature, and other health metrics.

Tasks:

• Extend the cat model to include fields for health metrics data.
• Add input fields in the frontend to collect health metrics information.
• Update the backend API to handle health metrics data for each cat.
• Save and fetch health metrics data from the MongoDB database.

Notes and Observations

Description:

Allow caregivers to add notes about the cat's behavior or health changes.

Tasks:

• Extend the cat model to include fields for notes and observations.
• Create a section in the frontend for caregivers to add notes and observations.
• Implement backend API endpoints to save and retrieve notes and observations.

Activity Tracking

Description:

Enable users to log and track their cat's daily activities, playtime, and exercise routines.

Tasks:

• Add fields in the cat model to store activity logs and timestamps.
• Create a form in the frontend to capture activity details and timestamps.
• Implement backend API endpoints to handle activity logging and retrieval.
• Save and fetch activity logs from the MongoDB database.

Calendar Integration

Description:

Integrate the WhiskerWatch app with a calendar system for scheduling appointments and reminders.

Tasks:

• Choose a suitable calendar integration platform (e.g., Google Calendar).
• Implement the necessary API calls and configurations for calendar integration.
• Enable users to schedule and manage appointments through the app.

Cat Pictures Feature

Description:

Implement the functionality to upload and view cat pictures in the WhiskerWatch app.

Tasks:

• Update the frontend to allow users to upload cat pictures.
• Implement a backend API endpoint to handle cat picture uploads.
• Save the uploaded pictures in a designated folder or cloud storage.
• Display cat pictures in the cat details view.

Litter instructions

Description:

Allow users to provide litter instructions for their cats in the WhiskerWatch app. Users should be able to select one or multiple options from a predefined list of litter instructions, and they should also have the option to add their own custom instructions.

Tasks:

• Update the frontend form for adding and editing a cat to include a field for litter instructions.
• Implement a dropdown with checkboxes or chips in the frontend to allow users to select multiple options from a predefined list of litter instructions.
• Provide a text input field in the dropdown to allow users to add their own custom litter instructions if needed.
• Update the backend API to store and retrieve litter instructions for each cat.

Relevant data:

const litterInstructionsOptions = [
  'Change Litter Daily',
  'Keep Litter Box Clean',
  'Use Clumping Litter',
  'Avoid Scented Litter',
  'Provide Additional Litter Boxes',
  'Use Covered Litter Box',
  'Keep Litter Box Away from Food',
];