toy-project

🧸 Toy Projects

여러 기능을 실험하고 학습하기 위해 만든 개인 토이 프로젝트 모음 저장소입니다.
배운 내용을 토대로 간단한 웹 애플리케이션을 중심으로 구현했습니다.

---

📂 Project List

1️⃣ TOEIC Study Web

TOEIC 학습을 위해 만든 간단한 웹 페이지입니다.
단어 및 학습 콘텐츠를 정리하고 확인할 수 있도록 제작했습니다.

주요 기능

• TOEIC 학습 콘텐츠 확인
• 간단한 인터랙션 UI
• 정적 웹 페이지 구성

Tech Stack

• HTML
• CSS
• JavaScript

Demo

https://hanyiseul.github.io/toy-project/TOEIC/html/test.html

---

2️⃣ Interaction

스크롤 인터랙션 및 애니메이션 효과를 구현한 프로젝트입니다.
이미지 시퀀스 애니메이션과 스크롤 기반 인터랙션을 연습하기 위해 제작했습니다.

주요 기능

• Scroll Animation
• 이미지 시퀀스 애니메이션

Tech Stack

• HTML
• SCSS
• JavaScript

Demo

https://hanyiseul.github.io/toy-project/interaction/index.html

---

3️⃣ Account Book

간단한 가계부 웹 애플리케이션입니다.
수입 / 지출을 기록하고 관리할 수 있도록 구현했습니다.

주요 기능

• 수입 / 지출 등록
• 데이터 조회
• 항목 삭제 기능

Frontend

• HTML
• CSS
• JavaScript

Backend

• Node.js
• Express

Database

• MySQL

Demo

https://bench-talks-dollar-treatments.trycloudflare.com/