As a user when I navigate to the My Plants page I should see all my plants displayed on nice cards
As a user I should be able to add a new plant via pressing a button
As a user I should be able to edit or delete the plants from this page
As a user I should be able to navigate to singleview of each individual plant
AC
WHEN the page loads all the plants should be displayed on nice looking cards
THEN I should be able press a button that opens a modal to add a new plant to the collection
AND I should be able to press a button to delete a specific plant
AND I should be able to press a button to edit a specific plant that opens a pre-populated modal form to edit the plant
AND I should be able to press a button that will navigate me to a single view page for a specific plant
Dev Notes
[ ] Create a plantData.js that imports axios and the apiKeys
[ ] Create the baseUrl variable the way we normally do
[ ] Create functions within this file that do the following things:
User Story
As a user when I navigate to the My Plants page I should see all my plants displayed on nice cards
As a user I should be able to add a new plant via pressing a button
As a user I should be able to edit or delete the plants from this page
As a user I should be able to navigate to singleview of each individual plant
AC
WHEN the page loads all the plants should be displayed on nice looking cards THEN I should be able press a button that opens a modal to add a new plant to the collection AND I should be able to press a button to delete a specific plant AND I should be able to press a button to edit a specific plant that opens a pre-populated modal form to edit the plant AND I should be able to press a button that will navigate me to a single view page for a specific plant
Dev Notes
[ ] Create a
plantData.js
that imports axios and the apiKeys[ ] Create the
baseUrl
variable the way we normally do[ ] Create functions within this file that do the following things:
getPlantsByUid
getSinglePlant
postPlant
deletePlant
export all of these functions