paint-by-grid

https://objective-williams-628b36.netlify.app/

Project Name

Painted Grits

Project Description

Painted Grits is an application where the user can choose colors to reveal an image. The landing page is a numbered grid with the option to choose a color for corresponding numbers. The color options will be populated by an Airtable API in drop down menus. Each menu will have a button that finalizes the choice and changes the color on the page. The second page will be a gallery of previously completed images.

Wireframes

Link

Component Hierarchy

Component Hierarchy can be found here

API and Data Sample

Airtable

{
"records": [
{
"id": "recMv5UBN7MKzfKnx",
"fields": {
"Numbers": 1,
"Colors": "000022"
},
"createdTime": "2020-10-09T00:51:12.000Z"
},
{
"id": "recsl1lLolHJSY1Z3",
"fields": {
"Numbers": 1,
"Colors": "FEA82F"
},
"createdTime": "2020-10-09T00:51:12.000Z"
},
{
"id": "recvQ6TL3KEmoBnup",
"fields": {
"Numbers": 1,
"Colors": "FFFECB"
},
"createdTime": "2020-10-09T00:51:12.000Z"
}
],
"offset": "recvQ6TL3KEmoBnup"
}