Home
Softono
redux-todo-web

redux-todo-web

Open source MIT JavaScript
23
Stars
10
Forks
1
Issues
0
Watchers
2 years
Last Commit

About redux-todo-web

⏰Simply To Do Web Application with React, React Hook, Redux ⚛️

Platforms

Web Self-hosted

Languages

JavaScript

React, React Hook, Redux를 이용해 만든 Todo 웹

Soonchunhyang University

Department of Computer Software Engineering


김민수

[ Facebook ] [ Github ] [ LinkedIn ] [ Blog ]

DEMO

[DEMO]

To Do

  • [x] Connect to Back-End servers
  • [x] Redux asynchronous action processing
  • [x] Implement authentication logic using jwt
  • [x] Implement login modal
  • [x] Implement sign up modal
  • [x] Split reducers, actions files
  • [x] Fix component structure
  • [ ] Fix jwt auth logic

What I Earned

  • 컴포넌트 구조 설계하기
  • 함수형 컴포넌트의 사용
  • 모바일 반응형 웹 디자인 적용
  • 직접 구현한 백엔드 서버와 연결
  • Redux의 동작 과정 이해 및 사용
  • 여러개의 reducer를 결합해 사용
  • React Hook에 대한 기본적인 이론
  • useStateuseEffect의 사용 방법
  • ThemeProvider를 이용한 다크모드 지원
  • redux-thunk를 이용한 비동기 액션 처리
  • 함수형 컴포넌트로 Container - Presenter패턴 사용하기
  • React Hook으로 클래스형의 Life Cycle매서드 따라하기

DEMO IMAGE

PC DARK MODE DEMO
MOBILE WHITE MODE DEMO