spqjf12345 / madcamp_week3

Gardening To-do

Mad Camp(2020-winter) Week3 Project

🌱 Gardening To-do? 🌱

Gardening To-do는 보드형 to-do List인 trello에 사용자의 동기를 부여해주는 웹사이트이다.

데모▶ https://heejaykong.github.io/mad-camp-week3-Gardening-To-Do

기존 trello 역시 due date 기능이 있어 해야 할 일을 장려 할 수 있지만 그에 대한 보상이 없어 보통 시간 설정 기능을 사용하지 않는다. 이에 gardening To-do는 사용자의 참여와 보상 심리에 부응하고자 game effect 요소를 추가하였다. 사용자는 Gardening To-do를 통해 해야 할 일도 끝내고 나만의 정원도 가꿀 수 있다.

🌳 기능 설명 🌳

1. Login

• 사용자 이름, 비밀번호, 이메일을 입력한 뒤 메인 페이지로 이동 가능하다.

2. Main (to-do List, timer, plant)

• 사용자는 해야 할 일을 끝낼 시간을 고려해 timer를 설정하고 그 시간동안 task들을 수행해야 한다.
• 만약 To-do 칼럼에 주어진 시간 동안 task들을 Done 칼럼에 다 옮기지 못하면 꽃이 시들게 되고 my profile에 시든 꽃에 대한 정보가 저장된다.
• task들을 Done 칼럼에 하나씩 옮기는 동안 꽃이 자라게 되는데 도와 줄 아이템(햇빛, 바람, 물 등)을 획득할 수 있다.
• 모든 task들을 다 Done 칼럼으로 옮기게 되면 꽃을 획득할 수 있으며 획득한 꽃은 my garden에서 확인할 수 있다.
• 꽃의 누적 수 역시 my profile 페이지에서 확인 가능하다.

3. Profile

• profile 페이지로 들어가게 되면 로그인 시 입력했던 이름, 이메일 정보가 기록되어 있다.
• 사용자는 이미지를 클릭해 로컬 컴퓨터에 있는 이미지를 불러와 프로필 이미지를 선택할 수 있으며 정원에 있는 꽃의 리스트와 총 꽃의 개수, 시든 꽃의 수를 파악할 수 있다.

4. My Garden

• my garden 페이지로 들어가면 메인 페이지에서 획득한 꽃들이 누적되어 있다.
• 획득한 꽃들을 drag and drop으로 주어진 ground에 customizing 하여 나만의 정원을 가꿀 수 있다.

Gardening To-do를 통해 해야 할 일을 수행함과 동시에 나만의 정원을 가꾸며 성취감을 얻을 수 있길 기대한다.