https://github.com/neulhan/svelte-todo-example

svelte todo example with store, scss
https://github.com/neulhan/svelte-todo-example

svelte todo

Last synced: about 2 months ago
JSON representation

svelte todo example with store, scss

• Host: GitHub
• URL: https://github.com/neulhan/svelte-todo-example
• Owner: Neulhan
• Created: 2020-10-24T07:04:58.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-11-05T11:16:17.000Z (over 5 years ago)
• Last Synced: 2025-04-05T02:33:35.987Z (about 1 year ago)
• Topics: svelte, todo
• Language: JavaScript
• Homepage: https://neulhan.github.io/svelte-todo-example/
• Size: 236 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# svelte-todo example

    

        

        

        

    

svelte 로 진행해보는 todo project

## 기능 체크리스트

- 할 일 추가하기

- 할 일 완료하기

- 할 일 삭제하기

## UI/UX 디테일

### input placeholder

무엇을 입력해야하는지 알게 해준다

### hover interaction

유저의 행동에 즉각적인 시각적 피드백 제공

### delete button hide

UI 상 빡센 느낌을 줄 수 있는 삭제 버튼을 숨겨두고 hover 상태일 때만 노출

### checked todo feedback

check 된 할 일에 대해서는 확실한 피드백 제공 - '배경색 변경', '텍스트 흐리게', 'text-decoration'

### no object

비어있을 수 있는(자칫 오류처럼 보일 수 있는) 화면에 대한 대비