[WEB] Emotion-Diary / Mini-Waterglass

Description

감정 일기장 :: 오늘의 일기를 매일매일 작성해서 감정 이미지들로 달력을 채워보세요! (자세한 기능은 아래 링크를 참조해주세요!)
https://mini-waterglass.web.app/

Environment

Contributions

김민희	손수경
Frontend	Frontend

백은 간단하게 파이어베이스를 통해서 설정함.

• 김민희: 메인 화면에 캘린더 그리기, 특정 일을 클릭하면 “새 일기쓰기” 페이지로 넘어가기.
• 손수경: 다크모드/라이트모드 적용, “새 일기쓰기” 칸을 마크다운 형식으로 만들기

Prerequisite

npm install
npm install @fullcalendar/daygrid
npm install @fullcalendar/interaction
npm install @fullcalendar/react
npm install @testing-library/jest-dom
npm install @testing-library/react
npm install @testing-library/user-event
npm install framer-motion
npm install highlight.js
npm install markdown-it
npm install markdown-it-abbr
npm install markdown-it-container
npm install markdown-it-deflist
npm install markdown-it-emoji
npm install markdown-it-footnote
npm install markdown-it-ins
npm install markdown-it-mark
npm install markdown-it-sub
npm install markdown-it-sup
npm install textarea-markdown

Usage

after install all packages put npm start in prompt

Function

1. 다크 라이트 모드

   

   

2. Markdown 형식 적용