오늘의 솔루션

🔗Site Link

➡️ https://d20ipik5l8ofiz.cloudfront.net

💡프로젝트 설명

오늘의 솔루션은 카드 선택을 통해 랜덤한 솔루션을 제공받고 고민과 생각을 기록할 수 있는 일기장사이트 입니다. Spring 기반의 REST API 서버를 구축하고 TypeScript와 React router 기반의 컴포넌트 설계를 통해 데이터를 연동하여 CRUD 기능을 구현하였습니다.

🤝참여인원

FrontEnd(1명) | BackEnd(1명)

🛠️기술 스택

Client : TypeScript React scss axios Material UI KakaoLogin API

Server : Java JPA Spring Boot MariaDB redis

💻담당파트

• KakaoLogin API 연동을 통한 로그인/로그이웃 기능 구현
• 랜덤 솔루션 선택/확인 기능 구현
• 기록하기/기록 상세보기 기능 구현
• 기록 리스트 조회 기능 구현
• 기록 수정/삭제 기능 구현

🪄 Install

npm install

npm run dev

Environment variables

#default
VITE_BASE_URL

#Kakao Login
VITE_REST_API_KEY
VITE_REDIRECT_URL

Requirements

node 16+ ~ or v18.20.1
typescript v5.6.3