Create site mock - Githubissues

CleanCodeCompany / adopt-ireland-site

0 stars 0 forks source link

Create site mock #3

Open CFitzsimons opened 6 years ago

CFitzsimons commented 6 years ago

We need a bare bones mock to work from so we can get a better idea of what we need to include in our site / API.

JackTilley92 commented 6 years ago

Design site layout:

[ ] Generate a mock of what the desired homepage design.
[ ] Discuss website functionality.
[ ] Brainstorm "wants" using Semantic UI or alternative UI components.

JackTilley92 commented 6 years ago

Fancy design components:

Animated buttons: https://react.semantic-ui.com/elements/button#button-example-animated

Multiple inputs dropdown bar: https://react.semantic-ui.com/modules/dropdown#dropdown-example-multiple-selection

Content dimmer and dimmed messages: https://react.semantic-ui.com/modules/dimmer#dimmer-example-content https://react.semantic-ui.com/modules/modal

Popups: https://react.semantic-ui.com/modules/popup

Reveals(Creative ideas needed): https://react.semantic-ui.com/elements/reveal

Fancy Transitions(Creative ideas needed): https://react.semantic-ui.com/modules/transition

Loading(Dog selection loading): https://react.semantic-ui.com/elements/loader

Behaviours: https://react.semantic-ui.com/behaviors/visibility

Tabs (Dog selection?): https://react.semantic-ui.com/modules/modal

Cards(Dog selection) https://react.semantic-ui.com/views/card