lunchroulette

켈 이 앱은 더 이상 유지 관리되지 않습니다

점심 룰렛

LunchRoulette는 해당 지역의 식당을 무작위로 선택하여 점심을 먹을 곳을 결정하는 데 도움이됩니다. 웹 사이트를 열고 I 'm Feeling Lucky 버튼을 탭하여 근처에 임의의 레스토랑을 얻으십시오. 바닥의 ​​도보 거리 정보를 눌러 Google지도에서 위치를 열거 나 오른쪽 상단의 새로 고침 버튼을 눌러 다른 제안을 받으십시오.

기술

웹 앱은 React와 함께 빌드됩니다. 스타일은 일반 CSS로 작성되며 자동 설명서로 자동 접두사가 있습니다. Babel은 모듈 번들링을 위해 전송 및 웹 팩에 사용됩니다. React 앱 작성은이 모든 툴링을 처리하는 데 사용되었습니다. 이 사이트는 GitHub 페이지에서 호스팅되며 간단한 NPM 스크립트를 통해 GH-PAGE의 명령 줄 유틸리티로 배포됩니다.

식당 세부 정보 및 거리 정보를 얻기 위해 Google Places 및 Google Maps 거리 매트릭스 API와 Web Geolocation API가 사용됩니다. 웹 앱이 매니페스트하고 기본 서비스 작업자가 포함되어있어 사이트가 지원되는 모바일 브라우저 (즉, Android 용 Chrome)에서 기본 앱과 비슷합니다.

동기 부여

이 프로젝트는 사무실에서 농담으로 시작했습니다. 우리는 항상 점심을 먹을 곳에 대해 논쟁하고 있었기 때문에 어느 시점에서 나는 우리 가이 지역에서 알고있는 하드 코드 식당 목록에서 임의의 이름을 선택한 매우 간단한 웹 사이트를 만들었습니다. 그것은 우리의 작은 문제를 해결했지만, 내 동료들은 제안 된 식당에 대한 정보가 사진, 얼마나 멀리 있었는지 등을 보여주지 않았다고 농담으로 불평했습니다. 결국 Google지도 JavaScript API를 살펴보고 그렇게하기 어렵지 않다는 것을 깨달았 으므로이 웹 앱을 API와 함께 놀 수있는 기회로 만들었습니다.

감사의 말

웹 앱의 디자인은 일반적으로 재료 설계 가이드 라인과 특히 Google Maps Interface에서 영감을 얻었습니다. 앱 아이콘은 Android 자료 아이콘 생성기의 도움으로 생성되었습니다.

라이센스 및 문제

웹 앱의 소스 코드는 MIT 라이센스에 따라 해제됩니다. 라이센스의 전체 텍스트는 라이센스 파일에서 제공됩니다. 이 프로젝트에 대한 오류가 있거나 제안이 있으면 문제를 열어 주시면 최선을 다해 도와 드리겠습니다.