jordestay / daily-quotes

A simple application that uses a quotes api to search for quotes by author name.

Devlog

TODO

• search bar onEnterKey trigger onSubmit, form input, preventDefault
  • if search bar is empty, return random (also on page load)
• on search, change UI layout (move to sticky, position top of screen)

1.27.23 1h

• pushed to github
• modularized Quote generation
• formatted searchbox
• failed to break out DOM tree successfully in React
• abstracted header, search bar

1.26.23 2h

• rebuilt project folder
• added bootstrap
• UI: title, search bar, random quote, mobile first

1.14.23 1.5h

• read "Vite and React Basics"
• updated title on index.html
• very basic layout with h1, search field, button, and filler quote
• set up github pages (nothing but Title displays)
• troubleshot the page not showing up

1.13.23 2.5h

• initiated repo
• changed user profile in win10 to remove space
• remapped environment variables

Initial Ideas

choose a random design theme
Quote search search box

• rounded edges
• search icon
• prompt text Quote field
• call for a random quote
• display with my font My Input
• add my own quotes that I like
• Repeat project for fun facts Layout
• center in page (v,h)
• sticky bar at top of page
• Quote layout