/react_emotion_diary

React 를 활용한 감정 일기장

Primary LanguageJavaScript

록맨 감정 일기장

한입 크기로 잘라 먹는 리액트 책을 학습하고 제작한 감정일기장 프로젝트이다. 록맨 컨셉은 자체적으로 추가한 컨셉이다.

프로젝트 설명

해당 프로젝트는 리액트 학습을 위한 토이 프로젝트이다. 록맨 캐릭터들로 감정을 표현한 일기를 작성,수정,삭제 및 리스트 정렬이 가능하다.

프로젝트 배포 주소

해당 프로젝트는 파이어 베이스로 배포되었으며 무료 플랜이기 때문에 트래픽 초과 시 접속이 불가능 할 수 도 있습니다.

접속 URL

https://rockman-emotion-diary.web.app/

해당 프로젝트 스크린샷

  • 홈페이지 (일기 리스트)

    • image

  • 일기 작성 페이지

    • image

  • 일기 상세 페이지

    • image

추후 개발할 수도 있는 기능

  1. 작성일기 내보내기 기능
    • 해당 일기내용은 브라우저 웹스토리지로 저장되기때문에 다양한 형식의 내보내기 기능 추가 필요가능성도 있기때문에 해당 기능 개발을 고려한다.
      • 내보내기 파일 형식
        • json
        • 엑셀
        • html
        • 이미지