https://github.com/kutyel/egghead-elm-ui

Code for my elm-ui egghead course
https://github.com/kutyel/egghead-elm-ui

dashboards dropdown eggheadio elm elm-lang elm-ui

Last synced: 19 days ago
JSON representation

Code for my elm-ui egghead course

• Host: GitHub
• URL: https://github.com/kutyel/egghead-elm-ui
• Owner: kutyel
• Created: 2020-11-23T12:19:22.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-11-04T13:31:06.000Z (about 2 months ago)
• Last Synced: 2024-11-04T14:29:50.437Z (about 2 months ago)
• Topics: dashboards, dropdown, eggheadio, elm, elm-lang, elm-ui
• Language: Elm
• Homepage: https://ellie-app.com/bDqS8q4D6YZa1
• Size: 196 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Elm UI Dashboard

![dashboard example](preview.png)

- [elm-ui](https://package.elm-lang.org/packages/mdgriffith/elm-ui/1.1.8/)

## Running the app

```sh

npm install -g create-elm-app

elm-app start

```

## Interaction requirements

- [x] There are 4 dropdown menus in the page one for each of the sections (the four sections are called: overall, category 1, category 2, and category 3)

- [x] Each dropdown has a list of options (~10), each of which can be selected and de-selected through a checkbox

- [x] Each dropdown can be opened by clicking on it

- [x] Clicking anywhere outside of the dropdown should close it

- [x] Selecting/deselecting a checkbox should not close the dropdown

- [x] Selected options should show as text in the respective section

- [x] Manually control responsive with `classifyDevice`! 📲