Description

기존에 vanila javascript로 개발했던 앱을 react로 새로 개발했습니다. vanila javacript로 개발한 todo 앱

기존 앱에서 배경화면 추가와 css 수정 및 필터링 기능을 추가했습니다.

개발 언어

• React

주요 기능

• 크롬 extension을 사용할 수 있는 모든 브라우저에서 사용 가능 (chrome, edge 등)
• 브라우저 상에서 새 탭을 누르면 할 일 목록(todo list) 표시
• 전체, 완료한 목록, 완료하지 않은 목록을 필터링 할 수 있는 버튼 구현
• 최초 실행 시 User의 이름을 입력 받아 시간에 따른 인사말 표시 (아침이면 Good morning dongjune!)
• 사용자의 위치 정보를 받아 우측 상단에 날씨 정보 표시
• 실시간 시계 표시
• 총 11개의 랜덤 배경 이미지

Installation

Chrome App Store : https://chrome.google.com/webstore/detail/simple-todo-on-newtab/mfcapokfldknainnhmpaffpgbajkcgan

App Image

1. 최초 실행 화면 (사용자 이름 입력)

2. 이름 입력 후 앱 화면

3. 할 일 체크 시 css 적용

4. 완료 된 목록만 보기

5. 완료하지 않은 목록만 목기