Coder Social home page Coder Social logo

somasekimoto / golf-searcher Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 3.4 MB

Techpitの教材を参考にして、React と Ruby(Lambdaでのバッチ処理作成)で作成した、ゴルフ場検索アプリ

HTML 15.73% CSS 12.46% JavaScript 71.82%
react ruby api-gateway lambda dynamodb aws amplify

golf-searcher's Introduction

Golf Search App

golf search golf result

このアプリケーションは、RakutenAPI と GoogleMapsAPI を利用して、東京近郊のゴルフ場を検索し、そこまでの距離と価格を表示させるアプリです。

Techpit(https://www.techpit.jp/) の教材を購入して読みながら制作しました。

URL

https://master.d2t2s2ypbks5dq.amplifyapp.com/

開発背景

主に 3 つある。

  • React の基本的な概念や記述方法の理解を深め、自身のスキルセットにこのフレームワークを追加したかったから。

  • スクールで学習した Ruby と AWS の理解をさらに深める。特に、Lambda, Amplify, API Gateway, DynamoDB など、複数の AWS のサービスを利用して、実装してみたかったから。

  • Rakuten, Google Maps などの外部の API から取得したデータを利用したかったから。

技術

  • React.js
  • Ruby
  • AWS
    • AWS Amplify
    • API Gateway
    • Lambda
    • DynamoDB
  • Git

苦労したところ

  • lambda_function.rb に Lambda 関数に処理させる際、RakutenAPI と GoogleMapsAPI の値を両方利用した記述をする必要があったため、理解に苦しんだ。

  • API Gateway を利用して、Lambda に送る API の作成と、その流れの理解に時間を費やした。

golf-searcher's People

Contributors

somasekimoto avatar dependabot[bot] avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.