/React_TodoList

리액트 투두리스트 프론트엔드

Primary LanguageTypeScript

TodoList 프로젝트

이 프로젝트는 파이어베이스(Firebase), 스프링(Spring), 리액트(React) 를 이용한 TodoList 애플리케이션입니다. 사용자는 할 일을 입력하고, '만들기' 버튼을 클릭하면 해당 할 일이 파이어베이스 데이터베이스에 저장됩니다. 저장된 할 일은 웹 페이지 하단에 리스트 형태로 표시되며, 각 항목 옆에는 체크박스가 있어, 할 일의 완료 여부를 표시할 수 있습니다.

기술 스택

  • 프론트엔드: React
  • 백엔드: Spring Boot
  • 데이터베이스: Firebase Realtime Database
  • IDE: IntelliJ IDEA, Visual Studio Code
  • 버전 관리: Git, GitHub

기능

  • 할 일 추가: 사용자가 인풋 필드에 할 일을 입력하고 '만들기' 버튼을 클릭하면, 할 일이 파이어베이스 데이터베이스에 저장됩니다.
  • 할 일 목록 표시: 데이터베이스에 저장된 할 일은 웹 페이지 하단에 리스트 형태로 표시됩니다.
  • 할 일 완료 체크: 각 할 일 옆에 있는 체크박스를 클릭하여, 할 일의 완료 여부를 표시할 수 있습니다.
  • 로그인: 로그인을 통해 계정마다 다른 투두리스트를 설정 할 수 있습니다