cat-mom

캣맘 전용앱 (우리가 함께 키우는 고양이)

프로젝트소개 (제안배경 및 주요내용)

• 길고양이에게 꾸준히 먹이를 주지만, 그 고양이의 주인이 아닌 캣맘들을 위한 앱 입니다.
• 우리는 그 길고양이에게 먹이를 주는 사람이 몇 명인지, 지금 혹시 굶지는 않는지 궁금합니다.
• 빈 밥그릇이 언제부터 비어있는지도 알 수 없고 날이 좋으면/궂으면 한 번에 많은 분이 밥을 주는 등 편차가 심하게 됩니다.
• 하지만, 캣맘들은 고양이를 중심으로한 느슨한 관계라 긴밀한 연락이 불편할 수 있습니다.
• 그래서, 우리는 길고양이의 밥그릇에 qr코드를 붙이고 이를 기반으로 소통하려 합니다.
• 첫 번째 캣맘은 공동의 밥그릇이 있다면 여기에 qr코드를 붙이고, 각자 밥그릇을 들고 다닌다면 다른 캣맘을 위해 인근에 qr코드를 놓고 안내문을 두고 갑니다.
• 한 캣맘이 먹이와 물을 주고 우연히 그 고양이를 만난다면 사진도 찍은 뒤에 qr코드를 찍으면 이 정보가 등록 됩니다.
• 다른 캣맘들(적어도 한 번 이상 그 고양이에게 먹이를 주고 qr코드를 찍은 분)에게 이 정보가 실시간으로 공유 됩니다.
• 24h 등 오랜시간동안 먹이를 주지 않았으면 그 캣맘들에게 알람이 전달 되어, 굶지 않도록 돕습니다.
• 혹시 출장이나 여행을 가게 된다 하더라도 다른 캣맘들이 올려주는 사진을 통해 길고양이를 볼 수 있습니다.
• 각 캣맘은 각자 돌보는 고양이들을 따로 관리할 수 있고, 먹이 주는 스케줄을 정해서 빠짐없이 돌볼 수 있습니다.

권장사항

• TypeScript: 4.2.3

디렉토리 구조

└── project
    ├── node_modules
    ├── public // 서버 root
    └── src // components / containers / pages / store 등이 위치하는 폴더
        ├── assets
        │   ├── IconSvg // SVG 이미지 
        │   └── Image  //  PNG 이미지 
        ├── components // 컴포넌트 파일들이 위치하는 폴더
        ├── pages // routing을 위한 페이지 파일들이 위치하는 폴더
        └── store // redux 작업을 위한 폴더, 내부에 actions, reducers 폴더 존재

저장소 실행 방법

npm start 
json-server --watch ./src/db/data.json --port 3001