Sk16ck / more-than-just-datum

Create a prototype interface for a playground finder app using tables & forms.

summary	time	deliverables
Create a prototype interface for a playground finder app using tables & forms.	2 hours	1 HTML file, 4 CSS files, images

More than just datum

Overview

• Fork this repository.
• Create a prototype interface for a web application using forms & tables
• The form’s action attribute doesn’t need to point anywhere, action="#" works okay.
• Use grids, type systems, & modules as much as possible—there should be very little inside the main.css
• Data can be found inside the play-structures-and-areas.csv file.
• Run it through Markbot and make sure it passes all the checks.

---

Details

• Typefaces: IBM Plex Sans
• Colours: #efefef, #ddd, #fff
• Logo max width: 200px
• Gridifier settings: defaults
• Typografier settings: defaults
• Modulifier settings: select all

---

Goal

Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.

• Final screenshots in the “screenshots” folder.
• Watch this video to see how it interacts.

---

Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.