Project 3: My Pet
Project 3 was assigned as homework by UC Berkeley coding bootcamp. This application emphasizes the use of Javascript and React to generate a mobile friendly website where pet information is saved.
This app allows users to access their data and functionality by making requests with specific parameters to a URL. Developers are often tasked with retrieving data from another application’s API and using it in the context of their own. This pet app runs in the browser and features dynamically updated HTML and CSS.
This project has been deployed to GitHub Pages. To test it out yourself, you can follow this deployment link: https://faitheden1.github.io/My_Vet/ or Heroku https://mypet-kw.herokuapp.com/
Prerequisites
This application was created by using Visual Studio Code. It was organized by using Figma and Trello.
Summary
Combining HTML, CSS and Javascript this application allows the user to register as many pets as they want, update their information such as weight and medications prescribed, and allows the user to view all information in a single webpage.
Javascript is used to make dynamic changes to an HTML document.
A registration, login, and update button:
The user can register as many pets as needed. Once the user is registered, they can login and save their personalized pet information such as type of pet, name, photo, weight, medications used, when medications are due, and vet examinations. Each pet is saved and can easily be accessed to view for future information.
Project Requirements:
JavaScript React Local storage
To Execute File:
Open in browser
Features:
HTML Pages Index.html Contains basic user input items and buttons with divs and ids Attaches to CSS and JavaScript files CSS Page Styles.css Contains centering and styling for html Javascript Page Contains: Variables, including arrays and value placeholders, save buttons, if statements, and functions.
Authors
Kathleen Welch, Sam Ayler, Shelsy Barrera, Kailee Smith, & Faith Elsen
Acknowledgments
UC Berkeley provided project parameters