Google Antigravity 바이브코딩 어디까지 구현 될까?
테스트해본 기능
1. 4개국어 지원
2. 회원가입 및 회원정보 암호화 및 복호화
3. 제미나이 연동
4. UI 구현
5. 로고 및 서비스명 -> gemini 및 나노바나나
100% 바이브 코딩
수동으로 한 일
antigravity가 설계한 db 스크립트 돌려서 테이블 생성
웹서버 ftp 계정으로 작업물 업데이트
프롬프트
——————
나는 스마트폰으로 먹은 음식을 사진으로 찍고 찍은 사진을 업로드 하면 자신의 Google gemini 계정으로 업로드해서 AI를 통해
먹은 음식의 종류와 칼로리를 저장하는 앱을 만드려고해
내가 서비스를 구동해야 하는 서버의 사양은 아래와 같아
DB : MySQL 8.0
webserver : Apache 2.4
php : PHP 8.4
사용자를 구분하기 위해 ID와 Password로 로그인을 해서 사용해야해
사용자는 나이와 성별, 몸무게, 키를 입력하고 자신이 하루에 필요한 적정 칼로리를 표시해야해
사진찍어서 업로드한 음식들의 칼로리를 더해서 하루에 필요한 칼로리중 남은 칼로리를 표시하고 오버가 되면 워닝이 표시되어야해
먹은 음식들은 달력으로 표시 되고 각 달력의 날짜를 클릭 하면 달력 아래쪽에 그날 먹은 음식들과 칼로리가 표시되
날짜에는 그날 먹은 칼로리가 오버 되었으면 워닝, 적정하면 Cool~ 모자라면 위닝 아이콘을 표시해줘
—————————
사용자 UI를 다국어로 사용할 수 있도록 개선해줘 한국어, 영어, 일어, 중국어로 제공해줘 넓이가 스마트폰에서 보기에 좁아서 UI가 밀려 스마트폰에 맞게 조정해줘.
좀 더 트렌디 하게 디자인도 수정해줘.
——————————-
gemini key 입력창에 발급하는 방법을 상세하게 알려주는 팝업을 추가해줘.
AI를 사용하지 않는다면 직접 사진을 업로드 하고 칼로리를 입력할 수 있는 기능도 추가해줘
데시보드에서 바로 언어를 선택 하지 않고 프로필 화면에서 선택할 수 있도록 메뉴를 옮겨줘
———————————-
AI키 등록 방법이 영어야 한글로 해주고 프로필에 대시보드로 돌아가기가 마지막에만 있는데 아이콘 버튼으로 변경해서 젤 위와 젤 아래에 배치해줘
api 키 발급 안내도 언어 설정에 맞게 출력해줘 로그인 화면을 좀 더 꾸며줘 Food Tracker란 이름을 아이콘과 함께 표시해줘
------------------------------------------------------------------------
파일선택을 사진 올리기 버튼으로 변경 하고 사진이 을 찍거나 앨범에서 고를수 있게 변경해줘. 사진을 찍거나 앨범에서 선택한 후에 업로드 진행 상황을 그래프로 표시해줘
-----------------------------------------------------------------------------
파일선택과 음식기록 두개의 버튼이 생겼어 음식기록만 남기고 파일선택은 삭제해줘 그리고 버튼을 클릭해도 도작하지 않아 제대로 동작할 수 있게 수정해줘
-------------------------------------------------------------------------
Recent actions
여전히 두개의 버튼이 다 표시 되고 있고 작동 하지 않아 수정 한 후 제대로 작동하는제 테스트까지 완료해서 확인해줘
-------------------------------------------------------------------------
음식 사진에 대해 건강과 관련해서 해당 식단을 평가하는 내용을 추가하고 다음 식단에서 충고가 지켜졌는지 확인 한 후 피드백을 주도록 수정해줘
—————
결과물 -> https://demonslyer.dothome.co.kr/
지금 바로 경험해 보세요 -> https://antigravity.google/