everstamp: A TypeScript repository from EunoChoi

1. 프로젝트 개요

프로젝트명

습관 관리와 감정일기를 한번에, 에버스탬프
서비스 제공
- 웹사이트 : https://everstamp.site 🔗
- 안드로이드 : Google Play Store 🔗
- Other OS : PWA(Progressive Web Apps) 지원
기획 동기

일기 앱과 습관 관리 앱을 별도로 사용할 때 발생하는 불편함을 해소하기 위해 기획하였습니다. 프로젝트의 주된 목표는 일기 작성과 습관 관리 기능을 통합하고 멀티 플랫폼을 지원하여 사용자 편의성을 높이는 것 입니다. 부가적으로 프로젝트를 진행하며 Next.js 13의 서버 컴포넌트를 활용하여 개발 역량을 강화하고, 외부 라이브러리 사용을 최소화하여 의존도를 낮추는 것을 목표로 하였습니다.
프로젝트 설명

이 프로젝트는 일기 작성과 습관 관리를 동시에 지원하는 웹 애플리케이션입니다. 관계형 데이터베이스를 활용하여 일기와 습관 정보를 효율적으로 관리하고, 달력 형태, 목록 형태, 필터링, 그래프 등 다양한 방식을 통하여 사용자에게 정보를 제공합니다.
- 회원가입 & 로그인 : SNS 회원가입 및 로그인 기능을 지원 (카카오, 네이버, 구글)
- 일기 작성 : 텍스트, 사진, 감정 표현, 완료된 습관 항목 등으로 이루어진 정보로 일기 작성
- 일기 표현 형태
  - 달력 형태 : 한 달 동안의 감정 변화와 습관 수행 정도를 한눈에 파악 가능한 달력 형태의 보기 기능
  - 목록 형태 : 순차적으로 일기 확인이 가능한 목록 형태의 보기 기능 (+필터링(감정, 월), 정렬 기능 지원)
- 습관 관리 : 최근 4일 동안의 습관 수행 여부를 체크 (최대 18개까지 목표 습관 추가 가능)
- 습관 실천 정보 : 연/월간 성취 파악을 위한 달력, 그래프 형태로 습관 실천 정보 제공
- 멀티 플랫폼 지원 : 데스크탑, 태블릿, 모바일 등 다양한 환경에서 UI 최적화 및 실행 가능
- 기타 편의 기능
  - 자유로운 습관 목록 순서 변경 기능
  - 테마 색상 변경 기능

2. 프로젝트 기술 스택

Front-End
Back-End
State Management
Server & Security

3. 프로젝트 미리보기

소개 페이지 이미지

실행 이미지

Mobile

Tablet & Desktop

4. 프로젝트 구조

front

front
├── public/
├── src
│   ├── Axios/
│   ├── app
│   │   ├── (error)/
│   │   ├── api/
│   │   ├── app
│   │   │   ├── (afterLogin)
│   │   │   │   ├── @modal/
│   │   │   │   ├── calendar/
│   │   │   │   ├── habit/
│   │   │   │   ├── layout.tsx
│   │   │   │   ├── list/
│   │   │   │   └── setting/
│   │   │   │   ├── inter
│   │   │   │   │   ├── habitInfo/
│   │   │   │   │   ├── habitOrder/
│   │   │   │   │   ├── input
│   │   │   │   │   │   ├── addDiary/
│   │   │   │   │   │   ├── addHabit/
│   │   │   │   │   │   ├── editDiary/
│   │   │   │   │   │   └── editHabit/
│   │   │   │   │   └── zoom/
│   │   │   └── page.tsx
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   ├── not-found.tsx
│   │   ├── offline/
│   │   └── page.tsx
│   ├── auth.ts
│   ├── component/
│   ├── fonts/
│   ├── function/
│   ├── middleware.ts
│   └── style/
├── README.md
└── package.json

back

back
├── app.js
├── config
│   └── config.js
├── function
│   ├── decrypt.js
│   └── encrypt.js
├── middleware
│   └── tokenCheck.js
├── migrations/
├── models
│   ├── diary.js
│   ├── habit.js
│   ├── image.js
│   ├── index.js
│   └── user.js
├── package.json
├── pnpm-lock.yaml
├── routes
│   ├── diary.js
│   ├── habit.js
│   ├── image.js
│   └── user.js
└── seeders

EunoChoi/everstamp

1. 프로젝트 개요

2. 프로젝트 기술 스택

3. 프로젝트 미리보기

Mobile

Tablet & Desktop

4. 프로젝트 구조

front

back

5. 개선 예정 사항