cottonpup/javascript-mini-project

Learn Javascript by making mini projects

javascript-mini-project

자바스크립트를 배우면서 미니 프로젝트들을 기록합니다.

자바스크립트 기초를 함께 배우면서 생성한 프로젝트입니다. 리팩토링을 완료 하지 않은 코드가 간혹 존재할 수 있습니다. 프로젝트 내 대부분의 README는 추가 설명없이 배운내용 위주로 작성되었습니다.

Mini projects

No	Name	Description	Repository
1	Accordion box	Q & A 아코디언 패널 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/accordion-box
2	advanced bankist-app	이미지 슬라이더, 스크롤 이벤트를 가진 은행 홈페이지 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/advanced-bankist-app
3	Airplane seat booking	비행기 좌석 예매 시스템을 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/airplane_seat_booking
4	asynchronous	국가정보 API, geo IP API를 이용해 Where am i? 앱 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/asynchronous
5	bankist-app	은행 계좌, 타임 로그아웃, 출금, 입금, 정렬 기능 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/bankist-app
6	forkify-app	레시피 API를 이용해 음식 레시피 검색 앱 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/forkify-app
7	Guess my number	숫자 추측 게임 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/guess-my-number
8	Login validator	Regex를 이용한 로그인 유효성 검사기 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/login_validator
9	mapty	지도 API를 활용한 운동 기록 마커 앱 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/mapty
10	Modal window	모달 창 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/modal-window
11	modules	modules, tooling 공부한 프로젝트	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/modules
12	Pig game	Pig game 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/pig-game
13	Smooth scroll	Smooth scroll 이벤트 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/smooth-scroll
14	Snowy background canvas	캔버스 API를 활용한 눈 오는 배경 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/miniProjects/snowy-background-with-canvas

Coding Challenges

아래 목록은 App Ideas를 보고 스스로 구글링만으로구축한 프로젝트입니다.

Florinpop17 Project Challenge

No	Name	Description	Repository
1	Bin to dec	이진법 십진법 변환기 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/100daysOfCode/Bin2Dec
2	Border-radius Previewr	Border-radius Previewer 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/100daysOfCode/Border-radius%20Previewer
3	Cause effect	명단 관리부 앱 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/100daysOfCode/CauseEffect
4	Christmas Lights app	크리스마스 조명 앱 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/100daysOfCode/ChristmasLightsApp
5	Calculator	계산기 구현	https://github.com/cottonpup/javascript-mini-project/tree/master/100daysOfCode/Calculator

Frontend Mentor Challenge

No	Name	Description	Repository
1	FAQ accordion card	building out an FAQ accordion	https://github.com/EmilyLee1206/faq-accordion-card