Attraction 프로젝트 소개

Attraction

이름	Attraction [어트랙션]
설명	Gmail 기반 뉴스레터 통합 관리 서비스
유형	팀 프로젝트
인원 구성	프론트엔드 3명, 백엔드 3명
역할	프론트엔드 개발, 디자인 시스템 구축, UI/UX 디자인 총괄
기간	2024.04 ~ 2025.01
도메인	https://attraction.run/ `deprecated`
GitHub	https://github.com/Atractorrr/Attraction-FE
MAU	50명 대 (Beta)
사용 기술	`Next.js` `React` `TypeScript` `Tanstack-Query` `MSW` `pnpm-workspace` `tsup` `vitest` `Testing-Library` `StoryBook` `TailWindCSS` `Framer-Motion` `SCSS` `Shadcn/UI` `GitHub-Actions` `AWS-Amplify` `ESLint` `Husky` `commitlint`
기여	디자인 시스템 구축 및 문서화 구글 로그인 기능 고도화 아티클 보관함 기능 개발 아티클 상세 iFrame 뷰 기능 개발 아티클 스크롤 추적 기능 개발 다크모드 기능 개발 공지사항 기능 개발 SEO 관련 메타데이터 작업 웹 접근성 개선 및 반응형 작업 서비스 기획 및 전반적인 UI/UX 디자인
관련 포스트	어트랙션 서비스 운영 실패 회고 Next.js에서의 안전한 로그인 구현 여정 (without NextAuth)
비고	구름톤 트레이닝 6회차 파이널 프로젝트 인기상 수상

목차

프로젝트 소개

시연 영상

역할

사용 기술

기술적 고민

아쉬웠던 점

트러블 슈팅

인사이트

해당 프로젝트는 제가 처음 프론트엔드 개발자로써 참여한 프로젝트였고, 기획, 디자인, 개발 등 분야를 가리지 않고 정말 열정적으로 기여했던 프로젝트였습니다.