Skip to content

paulina-isabel/petbook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PetBook

Created by Alice Abarca, Judy Ye, Paulina Rubio, and Alex Peterson

📝 Description

Introducing the ultimate pet companion app! Our intuitive interface makes it a breeze to add, edit, and view your furry friends' details. Need to add a new friend that Fluffy met at the dog park? Simplify add in the pet and owner details so you have it on hand during your next dog park visit!

🧑‍💻 How To View This Front End Code In Action

# Clone this repo to your local machine by running:
git clone [email protected]:paulina-isabel/petbook.git

# Cd into the root directory 
cd petbook

# Install dependencies 
npm install

# Run the start script
npm start

Follow installation instructions for the backend repo

.....OR:

See the deployed project here

📚 Learning Goals

  • Gain competency with React fundamentals
  • Test React components & asynchronous JS
  • Gain competency creating GET, POST, and DELETE network requests to backend server
  • Create a multi-page UX using Router

📸 Screenshots

⚙️ Functionality
Description Screenshot

Home Page

all-pets-view

Individual Pet Details

single-pet-details

Add & Delete New Pet

single-pet-details

💻 Technologies Used

JavaScript HTML5 Github VSCode Cypress React Router Cypress

🧘‍♂️ Reflections

🎉 Wins
  1. Successfully implementing GET, POST, and DELETE network requests to PetBook backend api.
  2. Implementing React Router
  3. Creating an accessible UI
🤔 Challenges
  1. Implementing Cypress testing with properly stubbed network requests