desub
Overview
desub은 디자이너와 기업을 연결하는 혁신적인 월 구독 서비스입니다. 기업은 매월 일정 금액을 지불하고, 필요한 디자인 작업을 요청할 수 있습니다. 이를 통해 기업은 안정적인 디자인 리소스를 확보하고, 디자이너는 지속적인 수입을 얻을 수 있습니다.
Project Images
My Tasks
- 월 구독 기반의 디자인 서비스 플랫폼
- 기업과 디자이너 매칭 시스템
- 실시간 프로젝트 진행 상황 추적
- 포트폴리오 관리 및 전시
Technologies Used
ReactNext.jsReduxTypeScriptTailwindCSSFramer MotionFigma
Code Highlight
const SubscriptionPlan = ({ plan, onSelect }) => {
return (
<div className="p-6 border rounded-lg shadow-lg">
<h3 className="text-xl font-bold">{plan.name}</h3>
<p className="mt-2 text-gray-600">{plan.description}</p>
<button
onClick={() => onSelect(plan)}
className="mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
>
Select Plan
</button>
</div>
);
};react-syntax-highlighter를 사용해서 코드를 넣을 수 있습니다.
Challenges & Solutions
Challenge: 트러블1
트러블1 해결방안
Challenge: 트러블2
트러블2 해결방안
Key Learnings
- Framer Motion을 활용한 스크롤 애니메이션 구현