Skip to content

purplenib/Taskify

 
 

Repository files navigation

image


🟣 대시보드 기반 프로젝트 관리 플랫폼
프로젝트 진행 상황을 한층 더 스마트하게 관리해 보세요.


코드잇 스프린트 프론트엔드 8기 part3 3팀
2024.08.30 ∼ 2024.09.14

배포 사이트 🟣

https://taskify-ruddy-three.vercel.app/ 🔗



타이틀 아이콘3 기술 스택

html5 css3 ts js next AppRouter jira framer eslint tailwindCss figma



타이틀 아이콘3 프로젝트 개요

랜딩 로그인 회원가입 내 대시보드
🏠 랜딩 로그인 회원가입 내 대시보드
대시보드 대시보드 관리 계정 관리
대시보드 대시보드 관리 계정 관리


타이틀 아이콘3 프로젝트 상세 소개


랜딩페이지 및_다크모드

랜딩페이지의 '로그인하기' 버튼을 클릭해 로그인 또는 회원가입을 진행할 수 있습니다.
우측 하단 [☀️] [🌙] 아이콘을 클릭해 사이트 테마를 설정할 수 있습니다.



로그인 및_회원가입 페이지

상단바의 '로그인' 및 '회원가입' 메뉴를 통해서도 로그인할 수 있습니다.



내 대시보드 페이지

로그인이 완료되면 내 대시보드 페이지로 이동됩니다.
관리자 권한이 있는 대시보드와 멤버로 참여중인 대시보드 목록을 확인할 수 있습니다.
📩 초대받은 대시보드에 참여하거나 거절할 수 있습니다.



대시보드 페이지의_대시보드 생성 및 칼럼 조회

📨 대시보드 버튼을 클릭하면 해당 대시보드 페이지로 이동합니다.
사이드바의 [+] 아이콘을 클릭하면 새로운 대시보드를 생성할 수 있습니다.
───────────────────────────────────────────────────────────
📅 대시보드에 속한 칼럼들은 가로 방향으로 슬라이드하여 조회합니다.
칼럼 가장 우측에 위치한 '칼럼 생성하기' 버튼을 클릭해 새로운 칼럼을 생성할 수 있습니다.
우측 [<] 버튼을 통해 모든 칼럼 목록을 확인하고, 원하는 칼럼으로 즉시 이동할 수 있습니다.



대시보드 페이지의_댓글 기능 및 칼럼 생성

칼럼에 속한 일정을 클릭하면 상세 내용이 포함된 모달이 팝업됩니다.
멤버들 해당 일정에 댓글을 작성하거나 수정할 수 있습니다.
각 칼럼의 [➕] 아이콘을 클릭하여 새로운 일정을 생성할 수 있습니다.



GNB 대시보드 관리 페이지

상단바 '관리' 버튼을 클릭하면 해당 대시보드 관리 페이지로 이동합니다.
대시보드 이름, 색상, 구성원, 초대 내역을 관리할 수 있습니다.
⚠️ 관리자 권한이 없는 경우 수정이 제한됩니다.



GNB_초대하기

상단바 '초대하기' 버튼 클릭 후 이메일을 입력하여 대시보드에 멤버를 초대할 수 있습니다.
⚠️ 관리자 권한이 없는 경우 초대가 제한됩니다.



GNB 계정설정 페이지

상단바 유저 닉네임을 클릭하면 나타나는 드롭다운 메뉴에서 '내 정보' 버튼을 클릭해 유저 정보를 관리할 수 있습니다.
👤 닉네임, 프로필 이미지, 비밀번호를 수정하거나 회원탈퇴를 진행할 수 있습니다.


타이틀 아이콘3 개발팀 소개

프로필 프로필 프로필 프로필 프로필
👑 김세환 곽민조 김강우 김리나 김영주
대시보드 페이지
다크모드
랜딩 페이지
로그인 및 회원가입 페이지
다크모드
계정 관리 페이지
공통 컴포넌트
대시보드 관리 페이지 내 대시보드 페이지

About

대시보드 기반 프로젝트 관리 웹사이트

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 99.2%
  • Other 0.8%