자신만의 링크를 저장하고 공유하는 서비스 제공
작업 기간 : 2024.11.06 (수) - 2024.11.19 (화)
박문균 (👑 PM) |
전상민 |
구민지 |
정준영 |
홍예림 |
|
---|---|---|---|---|---|
역할 | 팀장으로 프로젝트 참여 로그인 / 회원가입 기능 간편 로그인 / 회원가입 |
랜딩 페이지 구현 유저 정보 관리 소셜 공유 |
즐겨찾기 페이지 즐겨찾기 기능 링크 수정 / 삭제 기능 |
링크 페이지 구현 | 폴더 / 링크 관리 모달 구현 |
이메일 | mungyun1234@naver.com | venise5224@gmail.com | rnalswl96@naver.com | wn8624@naver.com | hongggy@gmail.com |
GitHub | mungyun | venise5224 | 99minji | junjeeong | hongggyelim |
For building and running the application you need:
- Node.js (Version 16 or later recommended)
- npm (Included with Node.js) or yarn for dependency management.
git clone <https://github.com/codeit9-temporary/linkbrary.git>
cd linkbrary
npm install
npm run dev
Zustand
react-hot-toast / react-icons / react-spinners
📝 저장하고 싶은 링크를 추가하고 폴더로 관리하세요
💌 나의 링크가 저장된 폴더를 친구에게 공유하세요
🌟 즐겨찾는 링크를 모아보세요
📱 반응형 웹디자인
👥 간편 로그인
‘로그인' 버튼을 클릭하면 /login 페이지로 이동합니다.
'링크 추가하기' 버튼을 클릭하면
로그인이 되어있는 경우 /link 페이지로 이동합니다.
로그인이 되지 않은 경우 /login 페이지로 이동합니다.
로그인 성공 시 토스트 창을 보여주고 “/” 페이지로 이동합니다.
회원가입 성공 시 토스트 창을 보여주고 /login 페이지로 이동합니다.
구글, 카카오 간편 로그인 & 회원가입이 가능합니다.
'로고 버튼'을 클릭하면 / 페이지로 이동합니다.
'폴더 추가' 버튼을 통해 폴더 추가가 가능합니다.
추가된 폴더에서 폴더 수정/삭제가 가능합니다.
유효한 링크를 입력하고 '추가하기' 버튼을 누르면 링크가 추가됩니다.
추가된 링크 카드는 해당 url에서 title / discription / imageSource createdAt 를 불러옵니다.
링크 검색바에 검색어를 입력하면 전체 링크중 “url”, “title”, “description” 중 하나에 검색어가 포함된 링크들만 필터된 상태로 보입니다.
케밥 버튼을 통해 링크 수정/삭제가 가능합니다.
링크 카드의 별 버튼을 누르면 해당 링크는 즐겨찾기에 추가가 됩니다.
즐겨찾기 된 링크만 보여줍니다.
- main 브랜치
- 항상 배포 가능한 상태를 유지하는 브랜치로, 프로덕션에 직접 반영되는 코드가 포함됩니다.
- develop 브랜치
- 개발 중인 코드가 모이는 브랜치로, 모든 새로운 기능과 수정 사항이 병합되기 전에 여기서 통합 테스트가 이루어집니다.
- feature 브랜치
- 각 기능(또는 이슈)을 개발하기 위해 만들어지는 브랜치로, 일반적으로
feature/이슈명
형태로 생성됩니다. - 작업 완료 후 develop 브랜치에 병합됩니다.
- 각 기능(또는 이슈)을 개발하기 위해 만들어지는 브랜치로, 일반적으로
- hotfix 브랜치
- 프로덕션(main 브랜치)에서 발견된 긴급한 버그를 수정하기 위해 사용하는 브랜치입니다.
- 수정 후 main과 develop 브랜치에 병합됩니다.