✨ PLAIST - 고민은 줄이고, 즐거움은 더하는 데이트 코스 플랫폼

• 프로젝트 기간 : 2024-12-05 ~ 2024-12-23
• 배포 URL : https://gentle-frangollo-611b8c.netlify.app/
• Test ID : [email protected]
• Test PW : 123123qwer

프로젝트 기획 의도

• PLAIST는 소중한 사람과의 만남을 계획하는 데 있어 겪는 번거로움과 스트레스를 줄이기 위해 기획되었습니다.
• 데이트를 계획할 때 어디를 가야 할지, 무엇을 먹을지, 어떤 활동을 할지 등 정해야 할 것이 너무 많고, 이에 따라 많은 시간과 노력이 필요합니다.
• 또한, 정보가 흩어져 있어 필요한 내용을 수집하고 비교하는 과정이 피로하게 느껴질 수 있습니다.
• PLAIST는 이러한 문제에 주목하여 사용자가 데이트 코스를 더 쉽고 간편하게 계획할 수 있도록 돕기 위해 만들어졌습니다.

사용자 여정 지도

프로젝트 소개

• PLAIST는 위치 기반 여정 공유 플랫폼 서비스입니다.
• PLAIST는 PLACE(장소)와 PLAYLIST(재생목록)의 합성어로, "나만의 특별한 장소들을 하나의 플레이리스트처럼 엮어보자"는 의미를 담고 있습니다.
• PLAIST에서 사용자는 자신만의 코스를 공유하고 아카이빙할 수 있습니다.
• 마이코스 페이지에서 "코스 생성하기"를 통해 나만의 코스를 손쉽게 생성하고 공유할 수 있습니다.
• 다양한 유저들의 코스 게시물을 탐방하며, 마음에 드는 게시글에 좋아요를 누르거나 댓글을 작성할 수 있습니다.
• 좋아요를 누른 게시글은 마이페이지에 아카이빙되어, 원하는 대로 검색하고 열람할 수 있습니다.
• 모든 게시물은 지역과 카테고리별로 구분하여 탐색할 수 있으며, 검색창을 통한 키워드 검색도 지원합니다.

개발 환경

• FE |

• BE | 제공된 API 활용

• 버전 관리 및 CI/CD |

• 협업 및 스프린트 관리 |

• 서비스 배포 환경 |

• 디자인 |

• ETC |

팀원 구성

최민혁 @lactofreee	@engsal-bin	Boa Choi @swallowedB	Sebin Kim @nirii00	@kimnaehyun	@SeungHyeon-web

담당

🙍🏻‍♂️ 최민혁

• Team leader, DevOps, PM, FE
• 메인 피드 페이지, 상세 게시글, CI/CD

🙍🏻‍♂️ 김예빈

• Deputy team leader, publishing, FE
• 마이코스 페이지, 게시글 수정/삭제 기능

🙍🏻‍♂️ 최보아

• Design leader, publishing, FE
• UI 디자인, 마이페이지, 검색 기능, 회원정보변경, 404페이지

🙍🏻‍♂️ 김내현

• publishing, FE
• 로그인/회원가입 기능, kakao map API, CI/CD

🙍🏻‍♂️ 김세빈

• publishing, FE
• 카테고리 페이지, 알림, 타 사용자 정보 페이지

🙍🏻‍♂️ 임승현

• publishing, FE
• 상/하단바, 코스 상세 등록 페이지

프로젝트 구조

plaist
├─ .env
├─ .git
├─ .github
│  ├─ ISSUE_TEMPLATE
│  │  ├─ ✨-feature.md
│  │  ├─ 🐞-bug.md
│  │  ├─ 🚀-deploy.md
│  │  └─ 🛠️-refactor.md
├─ .gitignore
├─ README.md
├─ eslint.config.js
├─ index.html
├─ package-lock.json
├─ package.json
├─ postcss.config.js
├─ public
├─ src
│  ├─ App.tsx
│  ├─ Router.tsx
│  ├─ api
│  ├─ assets
│  │  └─ images
│  ├─ components
│  │  ├─ FooterNavLink.tsx
│  │  ├─ HeaderNavLink.tsx
│  │  ├─ InputField.tsx
│  │  ├─ My
│  │  ├─ Root
│  │  ├─ category
│  │  ├─ createMyCourse
│  │  ├─ main
│  │  ├─ notification
│  │  ├─ otherUserInfo
│  │  ├─ postEditor
│  │  ├─ utills
│  │  └─ viewMycourse
│  ├─ css
│  ├─ hooks
│  ├─ layouts
│  ├─ main.tsx
│  ├─ pages
│  ├─ stores
│  ├─ types
│  ├─ utills
│  │  ├─ Auth
│  │  ├─ constants
│  │  ├─ main
│  │  ├─ mycourse
│  └─ vite-env.d.ts
├─ tailwind.config.js
├─ tsconfig.app.json
├─ tsconfig.json
├─ tsconfig.node.json
└─ vite.config.ts

History

• 0.0.1
  • 배포: 프로젝트 배포 및 CI/CD 구축
  • 테스트: CI/CD 무결성 검증
• 0.1.0
  • 첫 출시
• 0.1.1
  • 작업 진행 중

페이지별 기능

회원가입	로그인

로그아웃-1	로그아웃-2

마이페이지-댓글삭제	회원 정보 수정

메인피드	메인피드-정렬

알림 보기	알림 삭제

상세 게시글	게시글 좋아요

게시글 댓글	타 사용자 프로필

카테고리-지역별	카테고리-테마별

마이코스	코스 생성

코스 수정	코스 삭제

로그인 토큰 만료 경고창 - 연장안함	로그인 토큰 만료 경고창 - 연장함

상하단 네비
ㅤ

404 페이지