코드 초보를 위한 아이디어
- Fizz buzz 생성기
- 심플 계산기 (유저가 연산을 선택하면 계산결과 도출하기)
- 변환기
- 유닛 변환기
- 모스부호 변환기
- 통화 변환기
- 아무거나 변환기!!
- 심플한 GUI가 있는 프로그램
- 메모장
- 옵션을 선택해서 그 때마다 보여지는게 달라지는 프로그램
- 가위바위보 게임
- 너의 포트폴리오
평범한 비기너를 위한 아이디어
- 뉴비에서보다 발전된 계산기 (스타일이나 기능부분이)
- 변환기를 하나로 모은 프로그램
- 파일저장기능이 있는 메모장
- 틱택토 게임
- 지난 포트폴리오 발전시키기
- 간단한 CLI
- 심플 챗봇
- 랜덤으로 인용구 가져와서 보여주는 앱
- 간단한 검색엔진
- 서버응답 시뮬레이터
경험이 있는 비기너를 위한 아이디어
- 다이어리 앱
- 트렐로앱
- 모스부호 변환기에 공유, 파일저장 기능 붙이기
- 만들었던 CLI 발전시키기
- 파이프라인 개발
- 디스코드 앱
UI stuff
- 자동수정 텍스트박스
- Form 유효성 검사기
- 접었다 펼 수 있는 nav메뉴
- 카운트다운 시계
- 모달 박스
- 사람들이 커스텀 UI를 가질 수 있게 조정할 수 있는 사이트 (buttons, mastheads, etc.)
E-commerce
- 가격 자동계산기
- 인터랙티브한 온라인 쇼핑몰 UI
- 쇼핑카트 UI
Finance
- Tip 계산기
- 비용 나눠주는 계산기
- 투자 계산기
- 주택, 차량 대금 계산기
- 저축액 계산기
Tools and utilities
- 랜덤 이름짓기
- 유닛 변환기
- 비밀메시지 인코더/디코더
Fun and games
- 기본적인 퀴즈앱
- 퐁게임
- 슈퍼마리오st 게임
- 젤다의전설st 게임
Social applications
- 소셜네트워크 front-end
- 실시간 챗봇 (socket io이용함)
API stuff
- Gif 검색기, video 검색기, etc
- 지도API를 이용한 무언가
- geolocation을 이용한 무언가
- 트위터앱
- 텍스트 읽어주는 앱
'Frontend' 카테고리의 다른 글
Javascript 배열과 유사배열 (0) | 2020.02.05 |
---|---|
Typescript | 개발환경 설정 (0) | 2020.02.03 |
2020 프론트엔드 개발자 로드맵 (0) | 2020.01.29 |
JS로 input checkbox 제어하기 (0) | 2020.01.29 |
Redux 설치 (0) | 2020.01.28 |
댓글