Giter VIP home page Giter VIP logo

game-center-search-app's Introduction

Game-Center-Search-App

I love fighting games. I created this app to help me and others find the best fighting game arcades to go to in Tokyo.

Page

PC SP
alt text alt text

Setup

git clone https://github.com/PerryM123/Game-Center-Search-App.git

cd Game-Center-Search-App

npm install

npm start

Dependancies

  • React
  • React DOM
  • React Scripts (Ejected)
  • Prop Types
  • Google Maps React
  • Styled Components
  • Axios
  • Sass Loader

Early App UI/UX Flowchart

alt text

Personal Milestones

Closer to reach:

  • Integrate testing (Jest)
  • Prepping JSON data to be loaded into the app successfully (internally or externally)
  • Google Maps integration with Pins
  • Get a handle on transitioning between components cleanly
  • Have a nice gradient design and color when designing app

Harder to reach:

  • Integrating Firebase/MangoDB (to learn how to handle things like "isLoggedIn()")
  • Lazy Loading Components and Images

game-center-search-app's People

Contributors

perrym123 avatar

Stargazers

Alex Zirbel avatar

Watchers

James Cloos avatar  avatar

game-center-search-app's Issues

状態管理できるReact-Reduxのを導入・実装

API実行数を減らし、親コンポーネントから子コンポーネントの値を渡す代わりに、API実行結果を手に入れた後、データをstore(状態管理)に制御してみましょう!

※:日本語語学上達のため、今後タスク管理、課題管理機能、お知らせなどは日本語で投稿します。
Note:I will be continuing Issue posting in Japanese for language studying.

ページを元にtitleおよびdescription、keywordなどが自動変更

ページに行くとタイトル、ディスクリプション、キーワード(SEO対策に関するタグ)などがどのページに行っても変わらないです。

ReactJSは少しSEO対策がうまくできていないところだと聞いたことがありますのでSEO対策のためにSSR(Server side rendering)を実装すればいいのか検討しましょう。

Google Map size for mobile improvement

Have google maps height not be greater than the phone to avoid mistakenly scrolling the phone instead of the map (Is it possible tl remove the two-finger-scrolling???)

Google Maps現在地ピンの変更

現在地のピンが通常ピンになっていますのでユーザーたちを混乱させることを避けるようにピンを変更しましょう!

読み込み中のspinner追加

ゲーム検索に行くと読み込みspinnerアイコンが出てくるのでゲーセン検索と地図のページにもspinnerを出てほしいです。

Googleマップ現在地の改善

ユーザは外で地図を見ながら移動すると現在地が自動的に更新されませんのでユーザービリティ改善のためにcurrentPosition()ではなくwatchPosition()を使ってみませんか?

Adding train info

It would be great if train information (nearest train, ETA walk time, etc) would be added to the arcade infomation area and also added to the map.

別のページに行くとscroll位置は少しずれている・・・

React Routerで別のページに行くと以前ページのscroll位置の値が次のページに残ってしまって、違和感があります。

現況:
次のページに飛ぶとscroll位置の値が変わらないで前のページと同じです。

想定:
次のページに飛ぶとscroll位置の値が0(ページの一番上の位置)となります。

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.