Visit site

Backup .txt file located in assets folder

Todo:

Main Page:

• List of mugs
  • Link to detail page for more information on each mug
• HomePage grid layout for all device sizes
• Final style fixes
  • Adjust image sizes
  • Mug name in bold, slightly bigger font
  • Align year under name, not after

Wanted Page:

• List of mugs to look out for
  • ???

Detail Page:

• Single image source
• Mug details, year and season information fields
• Final style fixes
  • Align image and text from top, not bottom
  • Row based on medium and larger, column based on smaller screens

Admin:

• use localStorage for the mugs
• Add new records
  • Web form
  • Base64 strings for images
• Update information on existing records
  • update link on details page or list on admin side?
• Admin panel
  • Text backups of localStorage content
    • export and import functions w/ JSON format validation for import function

Add Page:

• LocalStorage updates properly
• Web form to submit new mugs
• Add selector for owned / wanted mug
• Final style fixes
  • Add number for mugs
  • Fixed alignment issues in form

Delete Page:

• Delete records
  • List on separate page with delete button on each row
  • LocalStorage updates
• Delete functionality for wanted mugs (Second list under owned mugs?)
• Final style fixes
  • Fix list items - same list as Edit page but with added delete button
  • Align list to top and center of page

Edit Mug Page:

• List to choose mug from
• Use same form as from Add Mug
• Fix errors with updating data

Error Page:

• Customised page with error message
  • Confused looking moomin?

Other Components:

• Header / Navigation bar
  • Small logo
  • Project title
  • Navigation links in opposite corner (login etc)
  • Hide logo on admin pages for smaller screens
  • Center align admin links on smaller screens
• Final style fixes
• Footer with links to github page

Other Tasks:

Project organisation:

• index files for exporting & importing components
• start with local json file for data

Styling:

• Find a font
• Fix sizes for smaller break points
  • Widths of containers
  • Image sizes on home page
  • Customise the inputs on Add and Edit pages

Other:

• Global state management, useContext?
• AdminLayout initially empty, fix
• Reusable FormField component for add and edit forms
• Customised alert fields, temporary feedback modals for add and edit fields upon form submission