Skip to content

Shape2ee/Word-book

Repository files navigation

나만의 단어장은 영어 공부를 도와줄 영어 단어장입니다.
다양한 연령의 누구나 자기만의 단어장을 만들어 사용하며,
저장해 둔 단어들을 게임으로 테스트하면서,
포인트를 모아 기록하는 재미도 즐겨보세요!


목차

  1. 프로젝트 시연 및 소개 이미지
  2. 사용기술
  3. 프로젝트 정리
  4. 추후 작업 예정


프로젝트 시연 및 소개 이미지

  • 테스트 아이디 & 비밀번호
Test ID: test
Test Password: test123
  • 메인 페이지 & 단어 추가 gif

  • 단어게임 페이지 gif1

  • 로그인 & 회원가입 gif2


⚙사용 기술

  • Frontend:

    • React, React Router
    • Redux
    • TypeScript, Sass,
    • Axios, Vite
  • Backend:

    • Node.js
    • express,

📂Backend GitHub Repository


프로젝트 정리

  • REST API 통신을 통해 실제 데이터를 바탕으로 CRUD 구현
  • Flex, Grid를 이용한 반응형 구현
  • 유저 정보를 통한 로그인 기능 구현 및 회원가입 기능 구현
  • 로그인 유저가 저장한 단어 가져오기
  • 저장된 단어를 이용한 랜덤 단어 테스트 게임 구현
  • 검색기능 구현
  • 체크박스를 이용한 단어 편집 기능 구현


추후 작업 예정

  • 다크모드 (23.05.22 다크모드 기능 구현 완료)
  • 검색기능 수정
  • 포인트 저장 후 기록기능
  • 숙지한 단어 체크 기능 추가

About

나만의 영어 단어 학습을 위한 단어장 만들기

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published