Skip to content

Commit 98587dc

Browse files
0juicy0juicy
authored
Docs: Update README
1 parent ff63c70 commit 98587dc

File tree

1 file changed

+204
-23
lines changed

1 file changed

+204
-23
lines changed

‎README.md‎

Lines changed: 204 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,217 @@
1-
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
1+
<div align="center">
22

3-
## Getting Started
3+
![image](https://github.com/user-attachments/assets/1008caa9-c65d-4415-ad36-48e96bfbce6d)
44

5-
First, run the development server:
5+
</div>
66

7-
```bash
8-
npm run dev
9-
# or
10-
yarn dev
11-
# or
12-
pnpm dev
13-
# or
14-
bun dev
15-
```
7+
<br>
168

17-
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
9+
**🟣 대시보드 기반 프로젝트 관리 플랫폼** <br>
10+
프로젝트 진행 상황을 한층 더 스마트하게 관리해 보세요.
1811

19-
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
12+
- - -
2013

21-
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
14+
> <p>코드잇 스프린트 프론트엔드 8기 part3 3팀 <br> 2024.08.30 ∼ 2024.09.14</p>
2215
23-
## Learn More
16+
<div align="right">
17+
<strong>배포 사이트 🟣</strong><br>
18+
<p>https://taskify-ruddy-three.vercel.app/ 🔗</p>
19+
</div>
2420

25-
To learn more about Next.js, take a look at the following resources:
21+
<br>
22+
<br>
2623

27-
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28-
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
24+
## ![타이틀 아이콘3](https://github.com/user-attachments/assets/b9eb1f85-def1-445f-8e3d-b3dec7b3dd6c) <span>기술 스택</span>
25+
![html5](https://img.shields.io/badge/html5-E34F26?style=for-the-badge&logo=html5&logoColor=black)
26+
![css3](https://img.shields.io/badge/css3-1572B6?style=for-the-badge&logo=css3&logoColor=black)
27+
![ts](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
28+
![js](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javaScript&logoColor=black)
29+
![next](https://img.shields.io/badge/Next.js-ffffff?style=for-the-badge&logo=next.js&logoColor=black)
30+
![AppRouter](https://img.shields.io/badge/App-Router-000000?style=for-the-badge&logo=AppRouter&logoColor=white)
31+
![jira](https://img.shields.io/badge/Jira-0052CC?style=for-the-badge&logo=jira&logoColor=white)
32+
![framer](https://img.shields.io/badge/Framer-0055FF?style=for-the-badge&logo=framer&logoColor=white)
33+
![eslint](https://img.shields.io/badge/eslint-4B32C3?style=for-the-badge&logo=eslint&logoColor=white)
34+
![tailwindCss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
35+
![figma](https://img.shields.io/badge/figma-F24E1E?style=for-the-badge&logo=figma&logoColor=black)
2936

30-
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
37+
<br>
38+
<br>
3139

32-
## Deploy on Vercel
40+
## ![타이틀 아이콘3](https://github.com/user-attachments/assets/b9eb1f85-def1-445f-8e3d-b3dec7b3dd6c) 프로젝트 개요
3341

34-
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
42+
<table align="center">
43+
<tr align="center">
44+
<td><img src="https://github.com/user-attachments/assets/92542b0b-0ff1-4389-a695-4a1497cb9c27" alt="랜딩" width="200" /></td>
45+
<td><img src="https://github.com/user-attachments/assets/1d3964d0-9826-4b8c-b113-3027471b488c" alt="로그인" width="200" /></td>
46+
<td><img src="https://github.com/user-attachments/assets/78fece47-e94f-476b-a8fa-dfb19494076c" alt="회원가입" width="200" /></td>
47+
<td><img src="https://github.com/user-attachments/assets/a6016424-9eb6-4019-97ad-1c927ed9c699" alt="내 대시보드" width="200" /></td>
48+
</tr>
49+
<tr align="center">
50+
<td>🏠 랜딩</td>
51+
<td>로그인</td>
52+
<td>회원가입</td>
53+
<td>내 대시보드</td>
54+
</tr>
55+
<tr align="center">
56+
<td colspan="2"><img src="https://github.com/user-attachments/assets/3b09a900-ee3f-459d-aaa1-b5b3708dcda0" alt="대시보드" width="400" /></td>
57+
<td><img src="https://github.com/user-attachments/assets/8994d471-3b18-40c2-b347-8a1706938caa" alt="대시보드 관리" width="200" /></td>
58+
<td><img src="https://github.com/user-attachments/assets/105b7a04-eb9d-4a68-ae71-075ce9795e00" alt="계정 관리" width="200" /></td>
59+
</tr>
60+
<tr align="center">
61+
<td colspan="2">대시보드</td>
62+
<td>대시보드 관리</td>
63+
<td>계정 관리</td>
64+
</tr>
65+
</table>
3566

36-
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
67+
<br>
68+
<br>
69+
70+
## ![타이틀 아이콘3](https://github.com/user-attachments/assets/b9eb1f85-def1-445f-8e3d-b3dec7b3dd6c) 프로젝트 상세 소개
71+
72+
<br>
73+
74+
<div align="center">
75+
76+
![랜딩페이지 및_다크모드](https://github.com/user-attachments/assets/8e864a7f-39ed-4ad0-8472-26e74095cf73)
77+
78+
<table align="center">
79+
<tr>
80+
<td align="center">랜딩페이지의 '로그인하기' 버튼을 클릭해 로그인 또는 회원가입을 진행할 수 있습니다. <br>우측 하단 [☀️] [🌙] 아이콘을 클릭해 사이트 테마를 설정할 수 있습니다.</td>
81+
</tr>
82+
</table>
83+
84+
<br>
85+
<br>
86+
<br>
87+
88+
![로그인 및_회원가입 페이지](https://github.com/user-attachments/assets/e872a464-94e4-4b4d-b1f8-b2c8089a3b9a)
89+
90+
91+
92+
<table align="center">
93+
<tr>
94+
<td align="center">상단바의 '로그인' 및 '회원가입' 메뉴를 통해서도 로그인할 수 있습니다.</td>
95+
</tr>
96+
</table>
97+
98+
<br>
99+
<br>
100+
<br>
101+
102+
![내 대시보드 페이지](https://github.com/user-attachments/assets/8982bad1-df53-4840-96a3-7a83140f63b3)
103+
104+
105+
106+
<table align="center">
107+
<tr>
108+
<td align="center">로그인이 완료되면 내 대시보드 페이지로 이동됩니다. <br> 관리자 권한이 있는 대시보드와 멤버로 참여중인 대시보드 목록을 확인할 수 있습니다. <br> 📩 초대받은 대시보드에 참여하거나 거절할 수 있습니다. </td>
109+
</tr>
110+
</table>
111+
112+
<br>
113+
<br>
114+
<br>
115+
116+
117+
![대시보드 페이지의_대시보드 생성 및 칼럼 조회](https://github.com/user-attachments/assets/c0e7d956-2d37-4086-93df-b37c5e2a516b)
118+
119+
120+
121+
122+
<table align="center">
123+
<tr>
124+
<td align="center">📨 대시보드 버튼을 클릭하면 해당 대시보드 페이지로 이동합니다. <br> 사이드바의 [+] 아이콘을 클릭하면 새로운 대시보드를 생성할 수 있습니다. <br> ─────────────────────────────────────────────────────────── <br> 📅 대시보드에 속한 칼럼들은 가로 방향으로 슬라이드하여 조회합니다.<br> 칼럼 가장 우측에 위치한 '칼럼 생성하기' 버튼을 클릭해 새로운 칼럼을 생성할 수 있습니다.<br> 우측 [<] 버튼을 통해 모든 칼럼 목록을 확인하고, 원하는 칼럼으로 즉시 이동할 수 있습니다.</td>
125+
</tr>
126+
</table>
127+
128+
<br>
129+
<br>
130+
<br>
131+
132+
133+
![대시보드 페이지의_댓글 기능 및 칼럼 생성](https://github.com/user-attachments/assets/63ad7b33-f810-471f-9f1c-56a927b4b3cc)
134+
135+
136+
137+
<table align="center">
138+
<tr>
139+
<td align="center">칼럼에 속한 일정을 클릭하면 상세 내용이 포함된 모달이 팝업됩니다. <br>멤버들 해당 일정에 댓글을 작성하거나 수정할 수 있습니다.<br> 각 칼럼의 [➕] 아이콘을 클릭하여 새로운 일정을 생성할 수 있습니다. </td>
140+
</tr>
141+
</table>
142+
143+
<br>
144+
<br>
145+
<br>
146+
147+
148+
![GNB 대시보드 관리 페이지](https://github.com/user-attachments/assets/b6b486dd-24d0-4bbb-ac86-4bc4be51bc93)
149+
150+
151+
<table align="center">
152+
<tr>
153+
<td align="center">상단바 '관리' 버튼을 클릭하면 해당 대시보드 관리 페이지로 이동합니다. <br> 대시보드 이름, 색상, 구성원, 초대 내역을 관리할 수 있습니다. <br> ⚠️ 관리자 권한이 없는 경우 수정이 제한됩니다.</td>
154+
</tr>
155+
</table>
156+
157+
<br>
158+
<br>
159+
<br>
160+
161+
![GNB_초대하기](https://github.com/user-attachments/assets/3a6b71ac-e576-4663-a550-6db401e5838e)
162+
163+
164+
165+
<table align="center">
166+
<tr>
167+
<td align="center">상단바 '초대하기' 버튼 클릭 후 이메일을 입력하여 대시보드에 멤버를 초대할 수 있습니다. <br> ⚠️ 관리자 권한이 없는 경우 초대가 제한됩니다.</td>
168+
</tr>
169+
</table>
170+
171+
<br>
172+
<br>
173+
<br>
174+
175+
176+
![GNB 계정설정 페이지](https://github.com/user-attachments/assets/52f12ec5-61ae-4cc3-b840-b789e56d4c7d)
177+
178+
179+
<table align="center">
180+
<tr>
181+
<td align="center">상단바 유저 닉네임을 클릭하면 나타나는 드롭다운 메뉴에서 '내 정보' 버튼을 클릭해 유저 정보를 관리할 수 있습니다. <br>👤 닉네임, 프로필 이미지, 비밀번호를 수정하거나 회원탈퇴를 진행할 수 있습니다. </td>
182+
</tr>
183+
</table>
184+
185+
</div>
186+
187+
188+
<br>
189+
<br>
190+
191+
## ![타이틀 아이콘3](https://github.com/user-attachments/assets/b9eb1f85-def1-445f-8e3d-b3dec7b3dd6c) 개발팀 소개
192+
193+
<table align="center">
194+
<tr align="center">
195+
<td><img src="https://avatars.githubusercontent.com/u/156790196?v=4" alt="프로필" width="100" /></td>
196+
<td><img src="https://github.com/user-attachments/assets/2b359726-2dd2-46a7-9cb4-5025bac60104" alt="프로필" width="100" /></td>
197+
<td><img src="https://avatars.githubusercontent.com/u/71882441?v=4" alt="프로필" width="100" /></td>
198+
<td><img src="https://avatars.githubusercontent.com/u/152532049?v=4" alt="프로필" width="100" /></td>
199+
<td><img src="https://github.com/user-attachments/assets/361ebb81-b0d1-4483-918e-82beff58bbad" alt="프로필" width="100" /></td>
200+
</tr>
201+
<tr align="center">
202+
<td><a href="https://github.com/kimsayhi">👑 김세환</a></td>
203+
<td><a href="https://github.com/Minjo123">곽민조</a></td>
204+
<td><a href="https://github.com/hvrain">김강우</a></td>
205+
<td><a href="https://github.com/kzlsk">김리나</a></td>
206+
<td><a href="https://github.com/purplenib">김영주</a></td>
207+
</tr>
208+
<tr align="center" >
209+
<td>대시보드 페이지<br>다크모드</td>
210+
<td>랜딩 페이지<br>로그인 및 회원가입 페이지<br>다크모드</td>
211+
<td>계정 관리 페이지<br>공통 컴포넌트</td>
212+
<td>대시보드 관리 페이지</td>
213+
<td>내 대시보드 페이지</td>
214+
</tr>
215+
</table>
216+
217+
<br>

0 commit comments

Comments
 (0)