teamxnou / meal Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://meal.xnou.at
Home Page: https://meal.xnou.at
메뉴바
기타
메뉴바 높이가 일정하지 않다.
메뉴바 높이 및 검색바 높이를 일정하게 정한다.
No response
No response
앱의 접근성이 좋지 않다.
기타
aria-label
등의 접근성 속성 및 키보드 이벤트를 추가한다.
No response
No response
날짜를 변경하면 주소의 날짜가 변경되어 현재 focus가 초기화된다. 이는 키보드 및 스크린 리더 사용자에게 혼란을 초래할 수 있다.
None
날짜를 변경해도 focus가 초기화되지 않도록 개선
No response
현재 날짜를 저장하는 데 sessionStorage
를 대신 사용할 수 있다.
급식에 *
, @
등의 원하지 않는 문자가 섞여 있다.
급식 화면
원하지 않는 문자를 제거한다.
No response
참고: #31
재료 정보 기능에서 가지를 볼 수 없는 버그이다.
None
No response
이전/다음날로 이동하려면 무조건 버튼을 눌러야 해서 한 손으로 조작하기 불편하다.
급식 화면
급식 화면을 오른쪽/왼쪽으로 스와이프해서 날짜를 변경할 수 있는 기능
No response
새 릴리즈에 추가된 기능을 모르고 불편하게 사용하는 사용자가 있을 수 있다.
기타
사용자가 사용했던 가장 마지막 버전이 현재 최신 버전과 다르다면 그동안 추가되었던 기능을 알려준다.
No response
No response
토스트 알림의 위치
기타
큰 화면에서 토스트 알림이 왼쪽에 위치해 있다.
No response
다양한 이유로 급식을 공유할 일이 생길 수 있다.
None
급식 정보 아래에 급식 공유하기 버튼이 있어서, 버튼을 누르면 선택한 날짜의 급식을 다른 앱에 공유할 수 있다.
재료 검색 기능
기타
큰 화면에서는 재료 검색 기능에서 검색 결과가 너무 크게 나온다.
큰 화면에서는 재료 검색 결과를 두 줄 이상으로 보여준다.
No response
No response
페이지 전환 기능
급식 화면
No response
날짜 선택기의 달 변경 기능에 버그가 있다.
기타
No response
날짜를 선택할 때 이전/다음날 버튼을 이용하면 주말을 선택할 수 있지만 달력으로는 선택할 수 없는 등 여러 오류가 많다.
급식 화면
날짜 선택기 달력에서 주말도 선택 가능하게 보여준다.
No response
No response
급식에 나오지 않더라도 정보를 보고 싶을 때 정보를 쉽게 보지 못하여 불편하다.
기타
재료를 검색해 정보를 볼 수 있는 기능을 추가한다.
No response
날짜 선택기 달력
기타
날짜 선택기 달력에 여백이 필요 이상으로 많다.
여백을 줄인다.
No response
No response
나이스 서버가 점검 중일 때는 급식을 보거나 학교를 검색할 수 없지만, 사용자는 이유를 모르고 버그나 네트워크 문제인 줄 알고 오해할 수 있다.
급식 화면
나이스 서버가 점검 중인 것이 감지되면 급식 대신 공지를 띄운다.
사용 방법 없음
No response
마우스를 이용해 재료 정보 캐러셀을 넘겨보기 힘들다.
기타
재료 정보 캐러셀에 이전/다음 사진 버튼을 추가한다.
No response
급식 날짜를 변경할 때 급식이 빨리 불러와지지 않는다면 다른 날의 급식과 혼동할 수 있다.
급식 화면
급식을 불러오는 중에는 급식 대신 로딩 애니메이션을 보여준다.
사용 없음
No response
날짜 선택기를 닫을 때 확인 버튼이 따로 없어서 어떻게 해야 할 지 모를 수 있다.
급식 화면
날짜 선택기 오른쪽 아래 확인 버튼을 만든다.
No response
재료 검색 기능이 나오며 재료 검색 화면과 재료 정보 화면이 생겼지만, 이슈 템플릿의 '화면' 항목에는 아직 옵션이 없다.
재료의 사진과 효능을 볼 수 있는 모달을 추가한다.
오후 7시 이후에 앱에 들어갈 때는 보통 내일 급식을 보기 위해서 들어가는데, 이 때 매번 날짜를 변경해야 하므로 불편할 수 있다.
급식 화면
오후 7시 이후에 앱에 들어갈 때는 내일 급식을 표시하는 기능을 추가한다. 이 기능은 설정에서 조정할 수 있다.
사용 없음
No response
형광펜 색, 메뉴 추천 등의 기능을 원하지 않는 사용자도 있을 수 있다.
기타
설정 화면
No response
다른 학생이 좋아한다고 표시한 메뉴라면 본인도 좋아할 확률이 높고, "오늘 급식 맛있겠다" 등의 생각을 할 수 있다.
급식 화면
매일 학생들에게 '어제 맛있었던 메뉴'를 묻고, 다수가 좋아하는 메뉴가 있다면 메뉴 옆에 별을 표시한다. (설문 횟수와 선택한 횟수의 비율 대비) 많은 학생들이 좋아할수록 ⭐️
, 🌟
, 💫
, 🌠
단계로 별이 표시된다.
#20과 같은 내용
학교 선택 화면에서 검색 결과 카드
학교 선택 화면
검색 결과가 적을 때 학교 카드가 세로로 늘어난다.
학교 카드가 늘어나지 않게 개선
No response
No response
메뉴 설문 결과를 가져오기 위해 supabase
api를 메뉴마다 요청하기 때문에 비효율적이다.
급식 화면
급식 일자당 한 번만 api를 호출하고 그 중에서 메뉴 설문 데이터를 가져온다.
No response
No response
급식에 우유
, 흰죽(환아용)
등의 필요없는 메뉴가 섞여 있다.
급식 화면
필요없는 메뉴를 제거한다.
No response
참고: #30
학교를 선택한 뒤 어떻게 해야 할 지 모를 수 있다.
학교 선택 화면
학교 선택 버튼을 누르면 자동으로 급식 화면으로 넘어가고, 학교가 선택되었다는 토스트 알림이 표시되게 개선한다.
똑같이 사용할 수 있다.
No response
형광펜 효과
급식 화면
형광펜 효과의 모서리가 완벽하게 각져 있어 다른 디자인과 잘 어우러지지 않는다.
모서리를 조금 둥글게 다듬는다.
No response
No response
친구의 학교를 확인하는 등 학교를 수시로 옮겨 확인할 때 매번 학교를 검색하고 선택해야 해서 불편하다.
급식 화면
여러 학교를 즐겨찾기하면 급식 화면의 상단에 학교 변경 바가 표시되어 쉽게 학교를 전환할 수 있다.
�앱 전체
기타
body
에 적용된 height: 100vh
가 모바일에서 더 크게 작용한다.
100dvh
를 사용한다.
No response
No response
manifest.json
에서 웹 앱 설정opengraph
메타 태그 추가급식 화면 메뉴바 중 학교 선택 버튼의 아이콘을 개선한다.
급식 화면
현재 아이콘은 대학교 학사모여서 초등학교 느낌이 나지 않는다.
초등학교 건물 아이콘을 사용한다.
No response
lucide-svelte
패키지에서 School2
아이콘을 사용할 수 있다.
날짜 선택기 배경과 메뉴바
기타
날짜 선택기를 열었을 때 메뉴바가 배경에 가려 어두워지지 않는다.
메뉴바도 배경에 가려지게 개선한다.
No response
No response
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.