Skip to content

지인들의 위키를 직접 작성하고 공유하는 플랫폼

Notifications You must be signed in to change notification settings

haksoo0918/wikied

 
 

Repository files navigation

프로젝트 소개

image

  • 지인들의 위키를 직접 작성하고 공유하는 플랫폼 입니다.
  • 위키 페이지 외에도 게시글을 남기며 자유로운 커뮤니케이션을 할 수 있도록 제공 됩니다.
  • 나만의 위키를 만들어 친구들과 공유 할 수 있도록 개인 위키 페이지 URL을 생성 합니다.

페이지 구성

개발 항목 URL 담당자 페이지 분석
메인 랜딩 페이지 / 민지이 사용자가 처음 진입 했을때, 보여지는 페이지
로그인 페이지 /login 민지이 사용자 로그인 페이지
회원가입 페이지 /signup 민지이 사용자 회원가입 페이지
계정 설정 페이지 /mypage 민지이 패스워드 변경과 위키 생성하기를 제공하는 페이지
개별 위키 페이지 /wiki/{code} 김예도, 김태훈 본인 위키 일 경우 프로필을 수정할 수 있는 기능 제공
개별 위키 상세 페이지
위키 목록 페이지 /wikilist 이학수 현재까지 작성된 위키 목록 페이지
자유게시판 목록 /boards 양정화 사용자들이 글을 올리며 커뮤니티를 형성할 수 있는 페이지
게시물 등록 페이지 /addboard 이학수 게시물 등록 페이지
게시물 상세 페이지 /board/{boardId} 양정화 등록된 게시물의 상세 페이지

기능 요약

기능
1. 로그인,회원가입
1.1. 개별 토큰 관리
2. 메인 페이지
2.1. 메인 컨텐츠
2.2. 공통 헤더
3. 공유 기능
3.1. 내 위키 클립보드 저장
4. 위키 페이지
4.1. 위키 작성
4.2. 위키 수정
4.3. 위키 삭제
4.4. 위키 목록
5. 자유게시판 페이지
5.1. 자유게시판 목록
5.2. 게시글 추가
5.3. 게시글 삭제
5.4. 게시글 수정
5.5. 게시글 댓글 추가
5.6. 게시글 댓글 삭제
5.7. 게시글 댓글 수정
6. 보완 및 추가기능
6.1. 위키 삭제 기능 추가
6.2. 알림 목록 및 보내기
6.3. 인터럭션
6.4 추가 아이디어 구현

명령어

  • npm run start : 서버 실행
  • npm run build : 빌드 실행
  • npm test : 로컬 테스트 실행

팀원 구성

양정화 이학수 김예도 김태훈 민지이
@junghwa1996 @haksoo0918 @solprime @horororok @crazyupinc-design

기술 스택

  • Front-end : React, Next.js, TypeScript, tailwind, postCSS, postcss-nesting, axios, react-query
  • Back-end : 제공된 API 활용
  • 버전 및 이슈관리 : Github, Github Issues, Github Project
  • 협업 툴 : Discord, Notion, google docs
  • 서비스 배포 환경 : Vercel
  • 린터, 포멧터 : prettier, eslint
  • 라이브러리 : swiper

테스트 서버

배포 서버

프로젝트 화면 구성

About

지인들의 위키를 직접 작성하고 공유하는 플랫폼

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.6%
  • CSS 1.8%
  • JavaScript 1.6%