Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
138 changes: 138 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,138 @@
![header](https://github.com/user-attachments/assets/eb906078-7b99-484b-93ac-eca5226e25d3)

**코드잇 8기 7팀 최종 프로젝트 Wedo**

## 📑 목차
> ***[프로젝트 소개](#프로젝트-소개)***
>
> ***[개발 기간](#개발-기간)***
>
> ***[개발자 소개](#개발자-소개)***
>
> ***[협업 관리](#협업-관리)***
>
> ***[User Flow](#User-Flow)***
>
> ***[개발 환경](#개발-환경)***
>
> ***[기술 스택](#기술-스택)***
>
> ***[주요 기능](#주요-기능)***
>
> ***[프로젝트 배포 링크](#프로젝트-배포-링크)***
>

## 🧑‍💻 <a name="프로젝트-소개"/>프로젝트 소개
사용자가 팀을 만들어 팀원을 초대해 할 일을 관리하고 자유게시판에서 여러 사용자와 소통할 수 있는 기능을 제공합니다.

## 🗓️ <a name="개발-기간"/>개발 기간
***10 / 9 (수) ~ 11 / 11 (월)***

## 👨‍👨‍👦‍👦 <a name="개발자-소개"/>개발자 소개

- **김강우 [**@hvrain**](https://github.com/hvrain?pvs=4, "개발자 프로필 링크")** : 로그인/로그아웃 페이지, 계정관리 페이지

- **김정현 [**@kjh9852**](https://github.com/kjh9852?pvs=4, "개발자 프로필 링크")** : 랜딩 페이지, 할 일 목록 페이지, 마이 히스토리 페이지

- **이형준 [**@leehj322**](https://github.com/leehj322?pvs=4, "개발자 프로필 링크")** : 팀 페이지, 팀 추가/참여 페이지 [ 팀장 👑 ]

- **조규진 [**@gjrefa9139**](https://github.com/gjrefa9139?pvs=4, "개발자 프로필 링크")** : 자유 게시판 페이지


## 📃 <a name="협업-관리"/>협업 관리

[**📌 Notion**](https://utopian-toy-f9b.notion.site/codeit-ec5157be57864a1eabe9e3a744bf6ebf?pvs=74, "협업 관리 노션 링크")

[**📝 GitHub Project**](https://github.com/orgs/Codeit-FE08-Part4-Team7/projects/1, "협업 관리 깃허브 프로젝트 링크")

## 💡 <a name="User-Flow"/>User Flow

[**🌊 User Flow**](https://www.figma.com/board/AZmHeyXp7nf4KUCHlSvhGo/User-flow-(wedo)?node-id=0-1&node-type=canvas&t=tg72w03v9QvgzWhC-0, "유저플로우 피그마 링크")

## 💻 <a name="개발-환경"/>개발 환경

|Version Control|Package Manager|deploy|Community|
|:---:|:---:|:---:|:---:|
|![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white) ![GitHub](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white)|![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)|![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)|![Discord](https://img.shields.io/badge/Discord-5865F2?style=for-the-badge&logo=discord&logoColor=white) ![Notion](https://img.shields.io/badge/Notion-000000?style=for-the-badge&logo=notion&logoColor=white)|


## ⚒ <a name="기술-스택"/>기술 스택

![react](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=next.js&logoColor=white)
![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
![App Router](https://img.shields.io/badge/App_Router-000000?style=for-the-badge&logo=next.js&logoColor=white)
![Zustand](https://img.shields.io/badge/zustand-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![shadcnUI](https://img.shields.io/badge/shadcn%2Fui-000000?style=for-the-badge&logo=shadcnui&logoColor=white)
![chartjs](https://img.shields.io/badge/Chart%20js-FF6384?style=for-the-badge&logo=chartdotjs&logoColor=white)
![zod](https://img.shields.io/badge/Zod-000000?style=for-the-badge&logo=zod&logoColor=3068B7)
![react-hook-form](https://img.shields.io/badge/react_hook_form-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![github-actions](https://img.shields.io/badge/Github%20Actions-282a2e?style=for-the-badge&logo=githubactions&logoColor=367cfe)

## 👨‍🏫 <a name="주요-기능"/>주요 기능

|![wedo-todolist vercel app_](https://github.com/user-attachments/assets/6807b3a3-1fba-49b8-b48a-20b8cbde011e)|![wedo-todolist vercel app_ (1)](https://github.com/user-attachments/assets/4e8bbacd-9f78-4250-ae20-bad1d7e32a3e)|![wedo-todolist vercel app_ (2)](https://github.com/user-attachments/assets/283b8b95-0d77-4b08-8286-3895781de8a4)|
|:---:|:---:|:---:|
|**랜딩 페이지**|**회원가입 및 로그아웃 페이지**|**팀 추가 페이지**|

|![wedo-todolist vercel app_](https://github.com/user-attachments/assets/72827f54-f921-4ae0-b4c0-8d9c7053923b)|![wedo-todolist vercel app_ (1)](https://github.com/user-attachments/assets/bd3f39f4-65e1-4bb2-a731-fa23af41c7a4)|![wedo-todolist vercel app_ (2)](https://github.com/user-attachments/assets/a314cc82-153e-4259-8222-2b0cfc79b3b6)|
|:---:|:---:|:---:|
|**팀 페이지**|**팀 생성 페이지**|**팀 참여 페이지**|

|![wedo-todolist vercel app_](https://github.com/user-attachments/assets/f6825812-06e8-48e2-83ef-f89b5629d3e4)|![wedo-todolist vercel app_ (1)](https://github.com/user-attachments/assets/51401c12-72df-4ec7-88fd-3a52a93bd396)|![wedo-todolist vercel app_ (2)](https://github.com/user-attachments/assets/44261da4-74f9-4624-9078-23e8db13a05e)|
|:---:|:---:|:---:|
|**할 일 목록 페이지**|**할 일 상세 페이지**|**마이히스토리 페이지**|

|![wedo-todolist vercel app_](https://github.com/user-attachments/assets/fe910fd7-c9ec-4896-89f8-582491ee4380)|![wedo-todolist vercel app_ (1)](https://github.com/user-attachments/assets/0fb3e033-0d71-499a-9dfd-1232684a20df)|
|:---:|:---:|
|**자유게시판 페이지**|**게시글 상세 페이지**|

### 회원가입 및 로그인

페이지에서 자체적으로 제공하는 로그인 방식 혹은 구글, 카카오 OAuth를 지원합니다. 랜딩 페이지 이외의 페이지는 로그인을 한 사용자들만 접속 가능합니다.
비밀번호를 분실한 경우 이메일을 입력해 비밀번호를 재설정 이메일을 받을 수 있습니다.

### 계정 관리 페이지

계정 관리 페이지로 프로필 이미지, 닉네임, 비밀번호 등을 변경하거나 회원 탈퇴가 가능합니다.

### 팀 페이지

팀 페이지에서 팀의 할 일 목록, 팀 리포트, 팀 멤버를 확인 할 수 있으며 팀 정보 수정, 할 일 목록 추가, 멤버 초대 등의 여러 동작을 수행할 수 있습니다.

### 팀 생성 페이지

새로운 팀을 생성 할 수 있습니다.

### 팀 참여 페이지

팀 관리자가 보내준 링크를 입력해 접속한 이후 참여 수락 버튼을 누르면 해당 팀에 가입이 완료 됩니다.

### 할 일 목록 페이지

팀 페이지의 할 일 목록을 눌러 이동하게 되면 할 일 목록 페이지에서 해당 할 일 목록의 할일들을 날짜별로 확인하고 등록할 수 있습니다.

### 할 일 상세 페이지

할 일 목록 페이지의 할 일을 누르게 되면 해당 할 일의 상세 내용을 확인할 수 있습니다.

### 마이 히스토리 페이지

완료한 할 일 들을 날짜별로 확인할 수 있습니다.

### 자유게시판 페이지

자유게시판 페이지에서 사람들이 자유롭게 작성한 게시글을 확인 할 수 있습니다. 좋아요, 최신순 정렬이나 검색을 지원합니다.

### 게시글 상세 페이지

게시글 상세 페이지에서 댓글을 달거나 게시글을 수정, 작성 할 수 있습니다. 해당 게시글에 좋아요를 누를 수 도 있습니다.

## 🚀 <a name="프로젝트-배포-링크"/>프로젝트 배포 링크

이 프로젝트는 Vercel을 사용하여 배포되었습니다.

GitHub와 연동된 Vercel 계정을 통해 자동으로 배포되며, 코드를 push하면 자동으로 배포 프로세스가 진행됩니다.

[**🚀 배포 사이트 링크**](https://wedo-todolist.vercel.app/, "Wedo")