Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MVP - HTML / CSS Barebones #1

Closed
10 tasks done
PrimalOrB opened this issue Mar 31, 2021 · 3 comments
Closed
10 tasks done

MVP - HTML / CSS Barebones #1

PrimalOrB opened this issue Mar 31, 2021 · 3 comments
Assignees
Labels
enhancement New feature or request mvp Required for minimum viable product (mvp)
Milestone

Comments

@PrimalOrB
Copy link
Owner

PrimalOrB commented Mar 31, 2021

An important step in our collaborative design is a barebones reactive website

  • Design mobile first approach
  • Apply either media queries or responsive formatting to adjust to desktop view

HTML Elements to include:

  • Header (potentially hold buttons for settings, and view saved calendar events)

  • Main Element to include:

  • Button or link to generate email
    Field for date picker or date dropdowns

  • Article Element to include:

  • Display Drink

  • Display Drink Image

  • Display Drink Recipe

  • Display Recipe Ingredients

  • Display historical event

Footer Element to include:

  • Team names

Good practice would be to use lorem placeholder text, and a photo placeholder service like picsum ( ex: https://picsum.photos/200 ) while building layout to ensure content fits and adjusts appropriately

@PrimalOrB PrimalOrB changed the title ✨ **HTML / CSS Barebones** ✨ *HTML / CSS Barebones Mar 31, 2021
@PrimalOrB PrimalOrB changed the title *HTML / CSS Barebones HTML / CSS Barebones Mar 31, 2021
@PrimalOrB PrimalOrB changed the title HTML / CSS Barebones MVP - HTML / CSS Barebones Mar 31, 2021
@PrimalOrB PrimalOrB added enhancement New feature or request mvp Required for minimum viable product (mvp) labels Mar 31, 2021
@PrimalOrB PrimalOrB added this to the MVP milestone Mar 31, 2021
@PrimalOrB
Copy link
Owner Author

PrimalOrB commented Mar 31, 2021

Related acceptance criteria as per Project overview

  • Use a CSS Framework other than Bootstrap (Ali OK'd bootstrap if preferred)
  • Be responsive
  • Have a polished UI
  • Do not user alerts / confirms / prompts (use modals)
  • Be interactive (i.e., accept and respond to user input).

@PrimalOrB
Copy link
Owner Author

Untitled Diagram (1)

@PrimalOrB
Copy link
Owner Author

Untitled Diagram

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request mvp Required for minimum viable product (mvp)
Projects
None yet
Development

No branches or pull requests

3 participants