한 눈에 보는 나의 인생.
100년 다이어리를 소개합니다. Next.JS와 Firebase를 이용하여 제작한, CRUD가 가능한 다이어리 앱입니다.
Next.js
TypeScript
friebase
antd
emotion
day.js
AWS S3
- 100년 다이어리는 내가 살아온 동안의 생각과 경험을 되돌아볼 수 있는 다이어리 앱입니다.
- 매일 기분과 생각을 달력에 기록하고, 한 해 동안 적어온 나의 감정들을 한 눈에 볼 수 있습니다.
- 개발 인원 : 1인 (본인)
- 개발 기간 : 2023.02 ~ 2022.02 (약 1주)
시리즈 | [ Next.js ] 100년 다이어리 앱 제작 - lekosk.dev
▲ 달력페이지는 연도 별로 나뉘며, 내가 기록한 그 날의 감정들을 한 눈에 보여줍니다.
▲ 피드 페이지는 지금까지 작성된 모든 글들을 최신순으로 보여줍니다.
▲ 날짜 페이지는 해당 날짜에 작성된 다이어리만 보여줍니다.
▲ 하루의 기분을 선택하고, 이미지를 업로드하며, 생각을 작성할 수 있습니다.
▲ 수정 페이지는 해당 글에 대한 작성된 정보를 불러오고 수정할 수 있습니다.
▲ 내가 설정한 생일을 기준으로, 지금까지 살아온 날에 대한 정보를 알려줍니다. 또한 지금까지 작성된 게시글들의 각 기분 별 갯수를 나타내줍니다.
▲ 로컬 스토리지에 내가 설정한 사항을 저장합니다.
▲ 화면 축소 토글을 이용하여 화면을 축소할 수 있습니다.
▲ @media (prefers-color-scheme: dark)
를 이용하여 다크모드를 구현하였습니다.