emilyparkes / kiln-it Goto Github PK

• date most recent - least
• status
• type/shape

Test status routes:

• /
• /:id

• align cards actual center
• on hover you see item details
• cards are actually in <Gallery/>
• format details in hover nicely
• two columns but new items are left rather than center middle at the bottom

Using Figma, mobile design first for my use and then for others/on desktop

Status routes:

• /
• /:id

When scrolling title should be sticky like hamburger menu.

Instead options have a current true or false, it will only delete if no creations are using it!

• Glaze Diary: keep track of glaze combinations with pictures of before and after (Tom K)

To add or edit an existing creation. Only for admin.

In Figma as /creation/:name/edit ADMIN

In Figma as the /creation/:name frame.
This component is what you see when you click on a creation in the Gallery to see it's details.

Should see the main/complete creation photo (with slider to see more states) and all details as shown in Figma.

Test DB Functions for Clay:

• getClays
• getClayById

Test DB Functions for Creations:

• getCreations
• getCreationById

Test DB Functions for Glazes:

• getGlazes
• getGlazeById

Test DB Functions for Shapes:

• getShapes
• getShapeById

Test DB Functions for Statuses:

• getStatuses
• getStatusById

• Should be able to click outside of nav/modals to exit
• nav hamburger is invisible/is a white box currently
• side bar pops open on responsive change to 768px (should not)
• side bar doesn't slide into place as it should, just pops out like hey!
• nav should have dynamic links e.g no link to the page you are on ( Signed in? swap sign in to log off)

Home page will be a hero image of a creation, some few details of what the site is for and socials.

This will happen in the /log view to quickly update the status, status can also be edited through the edit a creation view too.

Filter in middle for the mobile view in Gallery.

Shared View:

• Should be able to filter by creation name, shape.

For more detail please see in Figma.

DB Functions for Clay:

• getClays
• getClayById

DB Functions for Creations:

• getCreations
• getCreationById

DB Functions for Glazes:

• getGlazes
• getGlazeById

DB Functions for Shapes:

• getShapes
• getShapeById

DB Functions for Statuses:

• getStatuses
• getStatusById

Migrations:

• users
• clay
• creations
• statuses
• shapes
• glazes

Seeds:

• users
• clay
• creations
• statuses
• shapes
• glazes

Finding some cases using styled components is making my components very styling heavy at the top and finding it hard to be consistent.
I also feel I have learned a good amount to understand it and now to translate that to scss which I haven't used before, woo!

Search bar in top right for the mobile view in Gallery.

Shared View:

• Should be able to search by creation name and shape.

Admin View:

• Should search by status, name, shape, dates, note, etc.

When selecting Search it widens the input box for searching and overtakes the filter space, turning filter into just an icon.
For more detail see in Figma.

This component is a form in order to add new glaze, clay and shape types to the database to select from when making a creation.

Test Creation Routes:

• /
• /:id

Admin View:

• Should be able to filter by creation name, shape, status, weight, date created and date compete.

Changes have been made to the database structure, the database should reflect the new changes in ERD Diagram.
Tests should be updated also.

Creation Routes:

• /
• /:id

Use redux to manage list of creations on the front end.

Store:

creations: [ {}, {}, etc]
admin: {}