Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[HOTFIX] 리드미 개큰 업데이트 #252

Merged
merged 1 commit into from
Jul 19, 2024
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
101 changes: 98 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,22 @@

# NutShell

> 『Sopt 34기』 앱잼 진행을 위한 FE 저장소입니다.
> 한 눈에 보는 내 삶의 대시보드

</div>
<p align="center">
<img src="https://github.com/TEAM-DAWM/NUTSHELL-FE/assets/151596186/b1f70018-9c9c-4bcc-a072-9d3b045343df" width=250px>
<img src="https://github.com/user-attachments/assets/2f4a646b-4b9b-440b-925e-2f0a240e855b" width=600px>
</p>
<div align="center">


✅ 일잘러들이 대부분 계획을 잘 짜지만, 계획 잘 짠다고 일잘러인건 아니잖아.
✅ 행동하는 건 결국 나 자신인데, 계획을 더 잘 세우는게 본질일까?
✅ 계획을 잘 세운다고 할 수 없었던 일을 할 수 있게 되나?

계획 오류는 필연적이니, 우린 그걸 지속 가능하게 끌고 갈 수 있도록 돕자!
다양한 일을 해내야 하는 당신을 위해, 일상을 관리하는 새로운 방법
넛쉘은 바쁜 사람들이 스스로를 더 잘 이해하고 지속가능한 삶을 구성해나갈 수 있도록 돕는 서비스 입니다.

</div>

Expand Down Expand Up @@ -69,7 +76,95 @@
</tr>
</table>



## 🗓️ 구현 스크린샷

<h3>🏄 로그인 / 설정 view</h3>
<table>
<tr align="center">
<td style="min-width: 150px;">
<img width="800" alt="로그인 페이지" src="https://github.com/user-attachments/assets/7866795f-b438-4eba-8eac-cc821e7550e9">
</td>
<td>
<img width="800" alt="설정 페이지" src="https://github.com/user-attachments/assets/b74c8dd6-c509-4cda-a410-3b1dd1988b22">
</td>
</tr>
<tr align="center">
<td>
구글 계정으로 넛쉘 서비스에 로그인할 수 있습니다.
</td>
<td>
설정 페이지에서 구글 캘린더 연동 및 해지를 할 수 있습니다.
</td>
</tr>
</table>

<h3>🏄 할 일 view</h3>
<table>
<tr>
<td style="min-width: 150px;">
<img width="800" alt="할 일 페이지" src="https://github.com/user-attachments/assets/a5846fde-2092-401b-883d-4f200b5b21ec">
</td>
<td>
<img width="800" alt="할 일 페이지" src="https://github.com/user-attachments/assets/26a2d519-5f6e-4ed3-8c61-19a2b8942cdc">
</td>
</tr>
<tr align="center">
<td>
'쏟아내기' 영역에 해야 할 테스크를 생성할 수 있습니다 <br />
마감 기한을 설정할 수 있으며, 특정 날짜로 드롭하여 할당할 수 있습니다.
</td>
<td>
모달을 통해 할 일을 수정할 수 있습니다. <br />
캘린더에 할 일을 타임 블록으로 드래그하여 할당할 수 있습니다.
</td>
</tr>
</table>

<h3>🏄 대시보드 view</h3>
<table>
<tr>
<td style="min-width: 150px;">
<img width="800" alt="대시보드 페이지" src="https://github.com/user-attachments/assets/e6793198-7532-4716-be8b-6be8bd4385e5">
</td>
<td>
<img width="800" alt="대시보드 페이지" src="https://github.com/user-attachments/assets/3f6feaec-1413-4909-8074-69d8742cb2ba">
</td>
</tr>
<tr align="center">
<td>
한 눈에 나의 진행 상황을 확인할 수 있습니다. <br />
특정 기간을 설정하여 그에 맞는 진행 상황 확인이 가능합니다.
</td>
<td>
대시보드의 다가오는 일과 지연된 일을 오늘로 할당할 수 있습니다. <br />
진행 중인 할 일의 상태를 업데이트할 수 있습니다.
</td>
</tr>
</table>

<h3>🏄 캘린더 view</h3>
<table>
<tr>
<td style="min-width: 150px;">
<img width="800" alt="캘린더 페이지" src="https://github.com/user-attachments/assets/a46c7b57-e588-434c-913f-513b01875007">
</td>
<td>
<img width="800" alt="캘린더 페이지" src="https://github.com/user-attachments/assets/4b4089cf-ac03-430a-be2c-fe2eb67b985f">
</td>
</tr>
<tr align="center">
<td>
연동된 구글 캘린더의 일정과 넛쉘에서 할당한 일정을 확인할 수 있습니다.
넛쉘에서 할당한 일정을 모달을 통해 삭제할 수 있습니다.
</td>
<td>
캘린더를 일 / 주 / 월에 따라 확인할 수 있습니다. <br />
미니 캘린더를 통해 원하는 날짜로 이동할 수 있습니다.
</td>
</tr>
</table>

## ⚒️ 기술 스택

<table>
Expand Down
Loading