알리고 올리고 공유 기반 목표 달성 웹 서비스입니다.
취준생들을 위한 목표 달성 서비스를 출시했습니다. 자신의 목표와 목표를 이루기 위한 세분화 목표 그리고 루틴을 지인들에게 공유하여 투표 및 응원의 댓글을 받아볼 수 있습니다. 취준생 여러분들이 목표를 성취하는데 조금이라도 도움이 됐으면 하는 바람에서 시작하게된 프로젝트입니다
//test를 위한 아이디와 비번
id : test@test.com
password : test123456
|
|
|
이주영 | 정승주 | 신다은 |
프론트엔드 | 백엔드 | 브랜드 디자이너 |
- Context를 활용한 유저 정보 관리
- 목표 생성 퍼널 기능
- 목표 상세 체크 포인트 (세분화 목표) 성취 그래프 반영 기능
- 목표 공유 기능
- 목표 결과 페이지 투표 기능
- 유저 액션에 따른 Toast UI 기능
- 모바일 친화적인 이벤트 기능
![landingAndAuth](https://private-user-images.githubusercontent.com/93697790/259095914-38846307-0a03-4141-84cd-20d7613dbfb9.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2NzQ4MDIsIm5iZiI6MTcxNDY3NDUwMiwicGF0aCI6Ii85MzY5Nzc5MC8yNTkwOTU5MTQtMzg4NDYzMDctMGEwMy00MTQxLTg0Y2QtMjBkNzYxM2RiZmI5LmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAyVDE4MjgyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE4YjJlNzg3NGM2MTA5NzMxNzg0NjczN2ZhMjEwNGVkZDQ0ODM4OTdkMjI4NzYyOTViYWIzNjc3MTMzNTA2N2QmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IaUa-DB2WyXy_ViNsSYfDdU2Ga-4WDtXwAauhYs_N6c)
![targetCreate](https://private-user-images.githubusercontent.com/93697790/259096182-cc8f8e0c-1bfa-4387-907f-572f80aa9767.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2NzQ4MDIsIm5iZiI6MTcxNDY3NDUwMiwicGF0aCI6Ii85MzY5Nzc5MC8yNTkwOTYxODItY2M4ZjhlMGMtMWJmYS00Mzg3LTkwN2YtNTcyZjgwYWE5NzY3LmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAyVDE4MjgyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQyMzkyNzFiMjBhNGE3ZTllMzU4MTM0ZmQ4ZDY2YjIwODcwMWU3YWMzNDQ1YzAyMTJjM2JlOGJkMzhlZjAyYzMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bD6GRukIWTTsmnsymYv9MSbWZdpgiXQ3VNiLJItw-Q0)
![main](https://private-user-images.githubusercontent.com/93697790/259096281-1ff9bfab-d7cb-4290-aced-7ef4fca4474e.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2NzQ4MDIsIm5iZiI6MTcxNDY3NDUwMiwicGF0aCI6Ii85MzY5Nzc5MC8yNTkwOTYyODEtMWZmOWJmYWItZDdjYi00MjkwLWFjZWQtN2VmNGZjYTQ0NzRlLmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAyVDE4MjgyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQxNjNkOGQ4ODYwMWE3NGMyZTg3ZGIxZTJjZjMwMzU5NWQzZjY0YTljZTZkY2NkMDc4NDE3NGVjNDVhY2Q1ODkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.gg-HJlHT0URBGr0L11-v1KMIJhgRgVQZot2icyBqmRs)
![sidebar](https://private-user-images.githubusercontent.com/93697790/259096379-6d5b9588-d1cf-476f-b267-24144c43ce34.jpg?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTQ2NzQ4MDIsIm5iZiI6MTcxNDY3NDUwMiwicGF0aCI6Ii85MzY5Nzc5MC8yNTkwOTYzNzktNmQ1Yjk1ODgtZDFjZi00NzZmLWIyNjctMjQxNDRjNDNjZTM0LmpwZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTAyVDE4MjgyMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM2MWFiMTNiMjUzOGU0MTM1ZmY3ZmI0YWU2ZGE0MWEzZjRhNDIyNTAwNWQ1NjFhM2U3NGE3NzFmNDc3MDAzMTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.5lnvK4yNMbA_Y8FK0Uf9t8yVnVcI2iVKs7SpjVccFPk)
- 커뮤니케이션의 기준을 세우다.
- 피그마를 활용한 UI Interface 설계 후, 구현하여 능률 향상.
- 완벽하진 않아도 스프린트와 회고를 통해 프로젝트 리딩
- 그럼에도 불구하고 밀린 베포 일정에 대한 회고
- next.js (v13.4) -> react.js 이유 보러 가기
- Typescript
- Tanstack-query (react-query)
- axios
- zustand
- react-chartjs-2
- react-hook-form