All Projects → pkiop → lifemanager

pkiop / lifemanager

Licence: other
⏱ 한 일을 기록하면 시각화 해서 보여주는 웹 앱⏱

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to lifemanager

react-native-appsync-s3
React Native app for image uploads to S3 and storing their records in Amazon DynamoDB using AWS Amplify and AppSync SDK
Stars: ✭ 18 (-78.82%)
Mutual labels:  apollo-client, aws-dynamodb, aws-appsync
blog-desktop-v2
Yancey Blog website for desktop and mobile.
Stars: ✭ 19 (-77.65%)
Mutual labels:  styled-components, apollo-client
Fakebooker Frontend
Stars: ✭ 124 (+45.88%)
Mutual labels:  styled-components, apollo-client
cognito-to-dynamodb-lambda
Copy newly-confirmed users from Cognito to DynamoDB
Stars: ✭ 68 (-20%)
Mutual labels:  aws-cognito, aws-dynamodb
aws-secure-websockets
Secure web socket implementation using AWS products and serverless framework
Stars: ✭ 49 (-42.35%)
Mutual labels:  aws-cognito, aws-dynamodb
sneyder.dev
📌 My personal website.
Stars: ✭ 26 (-69.41%)
Mutual labels:  styled-components
design-system
Strapi.io's design system 🚀
Stars: ✭ 262 (+208.24%)
Mutual labels:  styled-components
devto-monorepo
Source code for the Dev.to article - Next.js, Apollo Client and Server on a single Express app
Stars: ✭ 33 (-61.18%)
Mutual labels:  apollo-client
gatsby-starter-apple
🍎 Gatsby blog starter kit with beautiful responsive design
Stars: ✭ 88 (+3.53%)
Mutual labels:  styled-components
tailed
Tailed is a tiny lib to add styled-components syntax like, with suport to conditional classes.
Stars: ✭ 79 (-7.06%)
Mutual labels:  styled-components
svelte-multistep-form
Svelte MultiStep Form like, this component is still in beta stage
Stars: ✭ 29 (-65.88%)
Mutual labels:  styled-components
remindoro
📝 Chrome/Firefox Extension to get reminders(repeat/one-time). Edit notes with live rich text editor. 🗃️
Stars: ✭ 16 (-81.18%)
Mutual labels:  styled-components
next-graphql-styled-components-ts-boilerplate
No description or website provided.
Stars: ✭ 28 (-67.06%)
Mutual labels:  styled-components
serverless-create-global-dynamodb-table
serverless plugin that would create global dynamodb tables for specified tables
Stars: ✭ 25 (-70.59%)
Mutual labels:  aws-dynamodb
shrtn-it
A url shortener developed as a course completion project
Stars: ✭ 16 (-81.18%)
Mutual labels:  styled-components
react-library-starter
A library starter kit and bundler for your React projects, powered by Rollup. ⚡
Stars: ✭ 22 (-74.12%)
Mutual labels:  styled-components
frontend-developer-coding-challenge
Are your looking for a remote developer job? Solve this frontend developer challenge and show us what you can do and what you are an expert at!
Stars: ✭ 112 (+31.76%)
Mutual labels:  styled-components
react-styled-flexbox
A Flexbox React component harnessing the power of styled-components
Stars: ✭ 30 (-64.71%)
Mutual labels:  styled-components
proffy
React Native + ReactJS + NodeJS project developed on RocketSeat NexLevelWeek. This project is based on an application for connect students and teachers.
Stars: ✭ 30 (-64.71%)
Mutual labels:  styled-components
vscode-graphiql-explorer
Use GraphiQL + GraphiQL Explorer to build your GraphQL operations, right from inside of VSCode.
Stars: ✭ 35 (-58.82%)
Mutual labels:  apollo-client

Lifemanager v5.1.0

🌟 서비스 소개

하루동안 한 일을 기록하면 유용한 정보들을 시각화해서 보여주는 웹 어플리케이션

배포 : https://lifemanager.pkiop.me

개발 배경

WIKI

🌟 주요 기능

👌 로그인

  • 구글 계정으로 OAuth인증을 통해 로그인 할 수 있습니다.
  • AWS의 cognito를 이용해서 인증하고 앱에 할당된 AWS 리소스 접근권한을 얻습니다.
  1. cognito의 소셜로그인 활용 인증 및 로그인

  1. 해당 인증 정보로 앱 AWS 리소스 접근

👌 메인 페이지

🧐 날짜 선택

  • 확인하고 싶은 날짜를 선택합니다.

🧐 로그아웃

  • 로그아웃 버튼을 눌러 로그아웃 할 수 있습니다.

🧐 목표와 진행상황 확인

  • 사용자별로 설정한 목표에 따라 진행상황 / 목표까지 남은 시간을 계산한 결과를 보여줍니다.

🧐 카테고리별 진행상황 시각화

  • billboard.js 라이브러리 활용해서 카테고리별로 지정한 색에 따라 한눈에 진행상황 확인할 수 있도록 파이 그래프를 보여줍니다.

🧐 기록 확인

  • 로그인한 유저 & 선택한 날짜에 해당하는 기록들을 보여줍니다.

🧐 기록 입력

  • 하단 바의 + 버튼을 눌러 기록을 추가할 수 있습니다.
  • 제목, 시작시간, 종료시간(선택), 카테고리, 활용한 시간인지 여부를 입력하고 Add Recode를 클릭하면 기록이 추가됩니다.
  • 잘못된 입력에 대해서 에러메세지를 보여줍니다.

🧐 기록 수정 및 삭제

  • 수정을 원하는 기록을 클릭하면 해당 기록을 수정할 수 있습니다.
  • Delete 버튼을 눌러 기록을 삭제할 수 있습니다.

🌟 배포

image

  • pkiop.me DNS를 Route53으로 설정한 후 배포 S3에 연결된 CloudFront로 보내도록 설정합니다.
  • CloudFront에서 SSL 인증을 해서 https로만 앱에 접근 가능하도록 합니다.
  • S3의 Static Web Hosting을 이용해서 Frontend 앱을 배포합니다.
  • 앱에서 인증 / DB데이터 조작이 필요할 때마다 AWS Cognito, AppSync 서비스를 활용해서 해당 기능을 이용합니다.

History

v1.5.1
v2.0.0
v3.0.0
v4.0.0

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].