시간을 추적하는 NextJs 앱

타임 스탬프



이것은 시간을 추적하는 생산성 응용 프로그램입니다. 태그를 만들고 해당 태그에 시간을 추가할 수 있습니다. 돌아가서 시간이 어땠는지 확인하십시오.

응용 프로그램이 마음에 들면 repo으로 이동하여 별표를 누르십시오.

목차


  • If you know where was your time yesterday, then you can plan your schedule for today:)
  • What is TAG?
  • How to create TAG?

  • How to record time?
  • Go
  • Back Date


  • Contributing
  • Tech Stack
  • Install
  • Start
  • Issues

  • Thank You ❤️



  • 어제 시간이 어땠는지 알고 있다면 오늘 일정을 계획할 수 있습니다. :)



    응용 프로그램 맨 위에 날짜를 선택하는 입력 상자가 표시됩니다. 날짜를 선택하면 해당 날짜에 소요된 시간을 확인할 수 있습니다.



    위 이미지에서 왼쪽 상단 모서리에 입력 날짜 옵션이 표시됩니다. 여기에서 날짜를 변경할 수 있습니다.

    오른쪽 상단에 25/11/2021 stats가 표시됩니다. 선택한 날짜입니다. 그 아래에서 6.12 hours total를 볼 수 있습니다. 선택한 날짜에 녹화한 시간입니다.

    아래 차트에서 정렬된 태그와 각 태그에 소요된 시간을 확인할 수 있습니다(태그 위로 마우스를 가져가면).

    태그란 무엇입니까?



    TAG는 기억하기 쉬운 키워드입니다. 데이터 구조 및 알고리즘을 학습하는 데 매일 몇 시간을 소비하는지 추적하고 싶다고 가정합니다. 따라서 dsa라는 TAG를 생성할 수 있습니다. 이제 매일 소비하는 시간을 기록하십시오.

    TAG는 어떻게 생성하나요?



    here로 이동하여 아래 프로세스를 따르십시오.

    아래 UI가 표시됩니다.



    여기에서 아래와 같이 Select... 위치에 입력할 수 있습니다.



    이제 Create를 클릭하여 새 태그를 생성할 수 있습니다.

    시간을 기록하는 방법?



    이동here 및 TAG 선택



    이제 GO를 클릭하여 현재 날짜의 시간을 기록하거나 Back Date를 클릭하여 이전 날짜의 시간을 기록할 수 있습니다.

    가다



    GO 버튼을 클릭하면 UI를 볼 수 있습니다.


    Save for react를 클릭하여 시간을 절약하고 홈 페이지로 돌아와서 결과를 볼 수 있습니다.

    이전 날짜



    당신은 UI를 볼 수 있습니다



    소요 시간을 분 단위로 입력하고 날짜를 선택할 수 있습니다.

    기여



    기능, 버그 또는 코드 기여 등 모든 종류의 기여를 환영합니다.

    기술 스택



    응용 프로그램은 다음을 사용하여 구축됩니다.
  • 넥스트제이스
  • ReactJs
  • 몽고DB
  • 차크라의
  • Highcharts.js

  • 설치




    git clone https://github.com/ats1999/time-stamp.git
    
    cd time-stamp
    
    npm i
    


    시작




    npm run dev
    


    열기 - http://localhost:3000

    문제



    기여하려면 issues 목록을 살펴보거나 직접 만들 수 있습니다 issue .

    You can comment/create any issue, I'll surely revert

    감사합니다 ❤️

    좋은 웹페이지 즐겨찾기