SHELLIN-CLIENT

KO | EN

gitlite — search

#go #machine-learning #rust #linux #docker #macos #nodejs #windows #cli #vue #pytorch #mcp #openai #open-source

(★ 20)

레전드 시끄러운 웹수레 발생!@ 웹수레 굴러~~🏄🚀🏎️

SHELLIN-CLIENT 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# NutShell

> 한 눈에 보는 내 삶의 대시보드

</div>
<p align="center">
  <img src="https://github.com/user-attachments/assets/2f4a646b-4b9b-440b-925e-2f0a240e855b" width=600px>
</p>
<div align="center">

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

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

</div>
  
## 💻 Developers

<table>
      <tr align="center">
       <td>유승연<br/>
      </td>
       <td>문성희<br/>
      </td>
       <td>김지원<br/>
      </td>
      <td>이지민<br/>
      </td>
    </tr>
    <tr align="center">
      <td style="min-width: 150px;">
            <a href="https://github.com/wrryu09">
              <img src="https://avatars.githubusercontent.com/u/98469609?v=4" width="200" alt="깃허브계정-프로필사진">
              <br />
            </a>
        </td>
      <td style="min-width: 150px;">
            <a href="https://github.com/seong-hui">
              <img src="https://avatars.githubusercontent.com/u/52481403?v=4" width="200" alt="깃허브계정-프로필사진">
              <br />
            </a>
        </td>
      <td style="min-width: 150px;">
            <a href="https://github.com/Kjiw0n">
              <img src="https://avatars.githubusercontent.com/u/128016888?v=4" width="200" alt="깃허브계정-프로필사진">
              <br />
            </a>
        </td>
      <td style="min-width: 150px;">
            <a href="https://github.com/jeeminyi">
              <img src="https://avatars.githubusercontent.com/u/151596186?v=4" width="200" alt="깃허브계정-프로필사진">
              <br />
            </a>
        </td>
    </tr>
    <tr align="center">
       <td>
            FE Developer <br/>
      </td>
       <td>
            FE Developer <br/>
      </td>
       <td>
            FE Developer <br/>
      </td>
      <td>
            FE Developer <br/>
      </td>
    </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>

## ⚒️ 기술 스택

<table>
      <tr align="center">
       <td>Category<br/>
      </td>
       <td>Stack<br/>
      </td>
      </td>
    </tr>
    <tr align="center">
       <td>Package Manager<br/>
      </td>
       <td><img src="https://img.shields.io/badge/yarn-%232C8EBB.svg?style=for-the-badge&logo=yarn&logoColor=white"><br/>
      </td>
    </tr>
      <tr align="center">
       <td>Language<br/>
      </td>
       <td>
         <img src="https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white"><br/>
      </td>
    </tr>
        <tr align="center">
       <td>Build<br/>
      </td>
       <td>
         <img src="https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white"><br/>
      </td>
    </tr>
        <tr align="center">
       <td>Framework<br/>
      </td>
       <td>
         <img src="https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB"><br/>
      </td>
    </tr>
          <tr align="center">
       <td>Style<br/>
      </td>
       <td>
         <img src="https://img.shields.io/badge/emotion-3776AB?style=for-the-badge&logo=emotion&logoColor=white"><br/>
      </td>
    </tr>
              <tr align="center">
       <td>Data Fetching<br/>
      </td>
       <td>
         <img src="https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white">
         <img src="https://img.shields.io/badge/axios-3776AB?style=for-the-badge&logo=axios&logoColor=white">
      </td>
    </tr>
              <tr align="center">
       <td>Formatting<br/>
      </td>
       <td>
         <img src="https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white">
        <img src="https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E">
         <img src="https://img.shields.io/badge/stylelint-000?style=for-the-badge&logo=stylelint&logoColor=white">
      </td>
    </tr>
</table>

## 📄 컨벤션 및 브랜치 전략
[웹수레의 컨벤션](https://topaz-work-262.notion.site/2-a73cfb581f9140ac8e93772df0696f36#f070928368a148cbbee58b1018451aa7)

<h3>Commit Convention</h3>

```
- init: 초기 세팅
- feat: 새로운 기능 추가 (새로운 구현) 
- fix: 버그 수정 
- docs: 문서 추가, 수정, 삭제 
- style: UI 디자인 변경  
- refactor: 코드 리팩토링 
- chore: 그 외 자잘한 수정, 코드 포맷팅(코드 순서 변경, 세미콜론 추가) (주석 삭제)
```

<h3>Issue / Pull Request Convention</h3>

```
[종류] 작업 이름
ex) [FEAT] 회원가입 구현 및 이메일 본인인증, 비밀번호 찾기
```
`담당자`, `라벨` 추가하기

<h3>Git Branch</h3>

GitHub-flow 전략을 사용

```
- main : 배포용
- develop : 작업용
- feature : feature/#{issue-number}/{feature-name}
- fix : fix/#{issue-number}/{feature-name}
```

## 📁 폴더 구조

```
├── 📁 node_modules
├── 📁 public
└── 📁 src
    ├── 📁 assets
    │   ├── 📁 images
    │   └── 📁 icons
    ├── 📁 components
    │   ├── 📁 commons
    │   └── 📁 APage
    │      └── APageBtn.tsx
    ├── 📁 hooks
    │   └── useClickOutside.tsx
    ├── 📁 apis
    │   └── 📁 APage
    ├── 📁 constants
    │   └── 📁 APage
    ├── 📁 types
    │   └── 📁 APage
    ├── 📁 pages
    │   ├── APage.tsx
    │   ├── BPage.tsx
    │   └── CPage.tsx
    └── 📁 styles
        ├── GlobalStyle.tsx
        ├── theme.ts
        └── style.ts
├── App.tsx
├── main.tsx
├── Router.tsx
├── .eslintrc.json
├── .prettierrc
└── .stylelintrc
```

SHELLIN-CLIENT

SHELLIN-CLIENT 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

SHELLIN-CLIENT

SHELLIN-CLIENT 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README