리액트 PWA 타이머

리액트로 처음 제작한, 모바일 디바이스용 간단한 PWA 타이머입니다.

김정태

복사됨
페이스북트위터이메일

목차

프로젝트 개요

리액트를 공부하는 중간에 만들어본 앱입니다.
PWA로 제작하여 기기에 설치할 수 있으며, 오프라인에서 사용할 수 있습니다. 웹이 아닌 네이티브 앱처럼 느껴지는 UX를 목표로 개발했습니다.
타임 피커 컴포넌트는 직접 제작하였으며, 터치스크린에만 반응합니다. 간단한 토이프로젝트로 만들었고, 백그라운드 실행이나 알람 사운드는 지원하지 않습니다.

기술 스택

  • React
  • React Context API
  • JavaScript
  • TypeScript
  • HTML5
  • Progressive Web App

소스 코드

GitHub에 공개

앱 URL

jeongtae.github.io/pwa-timer

사진

app1 app2

관련 글

최근 글

개발&웹&포트폴리오 카테고리 글