minjeong21 / hello-jenny-react

스스로 완성하는 영작, 헬로제니👋🏻

스스로 완성하는 영작, 헬로제니👋🏻

난이도별, 테마별 문제를 선택하고 힌트를 통해 스스로 풀 수 있는 영작 연습 서비스 (DEMO)

📝 About The Project

이 프로젝트는 스스로 힌트를 통해 퀴즈를 풀듯, 영작을 하며 영어 실력을 향상시킬 수 있는 서비스 입니다.
수동적으로 10시간을 듣는 것보다, 10분이라도 스스로 문장을 만들어내는 것이 더 더 효과적인 공부법이라는 전제하게 기획되었으며
편안한 환경에서 재미있게 학습할 수 있도록 '제니'라는 캐릭터가 문제에 대한 힌트를 제공하는 것이 주요 기능입니다.

👨‍💻 Tech stack

다음은 Hello Jenny 서비스가 채택한 기술 스택에 대한 간략한 개요입니다.

• 이 프로젝트는 Typescript 기반의 React 라이브러리를 사용합니다.
  • React는 SPA를 위한 사용자 인터페이스를 구축하는데 사용되는 Javascript 라이브러리입니다.
• 컴포넌트 스타일링을 위해 CSS-in-JS 라이브러리인 styled-componentsf를 사용합니다.
• 상태관리 라이브러리로 mobX를 사용합니다.
• 코딩 컨벤션은 Airbnb의 자바스크립트 스타일 가이드를 따릅니다.
  
  

💪 Features

	💻 dev	🚀 production
카카오톡 로그인/회원가입	✔️	❌
난이도 별 영작	✔️	❌
단어 힌트 제공	✔️	❌
문제 힌트 제공	✔️	❌
맞춘 단어 퍼센티지 제공	✔️	❌
테마 별 영작	✔️	❌
랜덤문제 풀기 기능	❌	❌
최근 푼 테마 확인	✔️	❌
영작 북마크	❌	❌

🌵 Folder Structure

│
├── src
│   ├── apis
│   ├── client
│   ├── shared
│   ├── interface
│   ├── pages
│   ├── components
│   │   ├── icons
│   │   ├── atom
│   │   ├── molecules
│   │   └── organisms
│   ├── properties
│   ├── utils

Documentation

더 자세한 내용은 아래 링크에서 확인할 수 있습니다.

• API 정의서
• 기능 명세
  
  

Update History 🌳

날짜	버전	내용
2021-09-02	v0.7.1	- 스피킹 기능 추가
2021-05-19	v0.6.4	- Dynamic View 적용 자잘한 디자인 개선
2021-05-18	v0.6.3	- 디자인 일러스트 변경 - 홈 테마로 가기 버튼 추가
2021-05-05	v0.6.2	- 테마 및 레벨 선택 태그로 변경
2021-05-03	v0.6.1	- 캐릭터 변경
2021-04-11	v0.5.2	- 웹 도메인 변경
2021-04-03	v0.5.1	- 대화하듯이 문제 풀기 - 도와줘 제니 기능 추가
2021-04-02	v0.5.0	- 사이트맵, 네이베게이션 적용 - 초기 디자인 반영

Copyright © Coorush