Emotionary

Emotionary 는 감정을 일기장에 공유하는 웹앱입니다.

Installation & Start

이 프로젝트는 React CRA 패키지 기반으로 작성된 SPA 웹 어플리케이션 입니다.

npx create-react-app "project_name"

NPM을 활용하여 해당 프로젝트를 시작할 수 있습니다.

npm run start

Stacks

Functions

각 페이지별 이동은 React-Router-Dom을 활용했습니다. 해당 프로젝트에서는 크게 4가지 기능을 수행할 수 있습니다.

1. 새 일기 작성하기

   사용자는 날짜 및 감정을 선택하고 새 일기를 작성할 수 있습니다.

   

2. 일기 상세보기

   홈 화면에 나열되어 있는 일기들을 클릭해서 상세 보기를 할 수 있습니다.

3. 일기 수정하기

   수정하고 싶은 일기를 수정할 수 있습니다.

   

4. 일기 삭제하기

   지우고 싶은 일기는 삭제할 수 있습니다.

   

   그 외. 다크모드 지원

   토글 버튼을 통해 다크모드로 앱을 바꿔보세요!

   

logs

해당 노션 사이트에 각 기능별 구현 log들을 남기고 있습니다.