미리보기

Noveloper

2024.02 ~ 2024.05

• Github : https://github.com/leey00nsu/noveloper
• 배포 : https://noveloper.store/

기술 스택

Next.js, TypeScript, Mantine, Tailwind, Supabase, Prisma, React-Query(Tanstack-Query), Tiptap, Reactflow, Nivo, React-pdf, OpenAI, React-resizable-panels

프로젝트 설명

Noveloper는 AI 기반 소설 창작 플랫폼입니다.
창작 과정을 더욱 효율적으로 이끌어낼 수 있는 대시보드를 제공합니다.
AI와 함께 페이지를 작성하고, 결과를 쉽게 txt, pdf로 내보낼 수 있습니다.

프로젝트 기여

• Supabase Authentication을 통한 이메일/비밀번호 인증과 OAuth 인증
• react-resizable-panels를 이용한 반응형 대시보드 레이아웃
• Tiptap을 이용한 커스텀 WYSIWYG 텍스트 에디터
• React-pdf를 이용한 PDF 내보내기
• Reactflow를 이용한 관계도 플로우차트
• Next.js <-> prisma <-> postgresql 의 구조로 데이터베이스 조작 추상화
• OpenAI gpt-3.5-turbo-0125 모델을 사용한 AI 소설 작성
• github actions를 통해 oracle cloud 도커 CI/CD 구성

나만의 수야 수호 만들기

2023.05 ~ 2023.08 , 2023.12 (리팩토링)

• Github : https://github.com/leey00nsu/syu-character-maker
• 배포 : https://character-maker.l37.store/

기술 스택

React, TypeScript, React-Query, Zustand, Konva, Tailwind, Framer-Motion, NestJS, PostgreSQL, Redis, Oracle Cloud, Docker, Nginx

프로젝트 설명

삼육대학교 마스코트인 수야, 수호를 꾸밀 수 있는 프로그램입니다.
자유롭게 꾸민 수야, 수호를 업로드하여 학우들과 공유할 수 있습니다.

프로젝트 기여

• Konva를 통한 캔버스 드로잉
• React-Query를 통한 UI 낙관적 업데이트
• NestJS를 이용한 PostgreSQL DB와 Redis 세션을 활용한 유저 인증, 이미지 저장
• Oracle Cloud에 Nginx, Docker를 활용하여 클라이언트,서버 배포

멋쟁이사자처럼 삼육대에서 멤버로 활동 후 쌓은 지식을 기반으로 운영진으로 활동하였습니다. 프론트엔드 파트를 맡으며 세션 강의 및 동아리 활동을 지원하였습니다.

Google Developer Student Clubs 삼육대에서 멤버로 활동하며 세션과 스터디에 참여하였습니다.