bnemchak / bear-watcher

Description

Print to Dom using multiple JS pages for the first time

Feature List

• bootstrap form to collect information
• prints cards containing image and name

How To Run

1. Clone down this repo
2. Use your favorite http server (like http-server) to serve it up (hs)
3. In your browser, go where it's being served (default is localhost:8080)

Contributors

• Brooke Nemchak

TODO/Feature Request

• click button for attempts to catch a fish
• click button for successfully catching a fish
• time stamps for last attempt and last catch
• tally of total fish caught
• fattest bear award secton
• two winnter if they tie

code block example:

import utils from "../helpers/utils.js"
import bearData from "../helpers/data/bearData.js"
import showBear from "./river.js"

bear-watcher's Issues

Card

As a user, when I click submit, a bootstrap card with the information I just entered should print

AC

WHEN the user clicks submit
THEN a card should print
AND there should be an image of the bear
AND there should be the name of the bear

Dev Notes

• TODO

https://getbootstrap.com/docs/4.5/components/card/

Bootstrap Form

As a user, there will be two lines on the bootstrap horizontal form with submit button for me to fill out and submit the bear information

AC

WHEN I locate the form
THEN I should click inside the form
AND it will allow me to add text (a bear name)
AND it will allow me to add a link (image Url)

Dev Notes

• TODO

select and modify form
https://getbootstrap.com/docs/4.5/components/forms/

Landing Page

As a user, when I first visit the site, I should see introductory header indicating where I am and a bootstrap form to input information on bears

AC

WHEN the user first visits the site
THEN I should see a landing page
AND there should be a header naming the page
AND there should be a form to log the bear information

Dev Notes

• TODO

a header and bootstrap form to submit information

I did it!

I'm not entire sure how I did it, visually and logically it kinda makes sense. But I'm having a hard time truly grasping what happened and why it worked. I'm not sure if this counts as a question or if I should keep watching the videos being posted until it clicks.