Code Monkey home page Code Monkey logo

mobile's Introduction

mobile Build Status

Overview

  • This project uses the OpenDota API to show data on your mobile device (Android or iOS).

Download

The App is available now on iOS and Android:

Download on the App Store

Get it on Google Play

Tech Stack

  • Cross-platform development: React Native

Quick Start (React Native)

  • Follow the official React Native guide to setup your environment.
  • Clone the repo
  • cd into local folder and do a npm install to install dependencies
  • run react-native run-ios or react-native run-android

Resources

  • Join us on Discord! We're always happy to help and answer questions.

History

  • Project started in June 2016

mobile's People

Contributors

albertcui avatar anhmiuhv avatar breindahl avatar cannawen avatar cs-miller avatar dkwl93 avatar fataltouch avatar ganesh1410 avatar gu3st avatar howardchung avatar hprobotic avatar iserifith avatar jhonnold avatar jmoody avatar nersoh avatar oddj0b avatar proyoyo avatar szynkowskij avatar vocosu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mobile's Issues

Page not refreshed after backend request

In some instances, the content of the page is not refreshed after getting results back from the backend. Moving to another tab will finally force the page to refresh. This might have something to do with the way newer version of react-native-router-flux behaves.

Theme not persisted in settings screen

The settings screen should persist the chosen theme
Repro:

  1. Go to settings
  2. Set a theme
  3. Navigate to different page
  4. Go back to settings
  5. Notice the radio button for the theme you selected is not checked anymore

Upcoming matches

Hello! How can I get upcoming matches? Is it possible? There's only matches history(

Login details

Login details did not get saved after the app is closed.

Login

Implement login to replace search & set profile

Error Code 1022

Description: "The resource could not be loaded because the App Transport Security policy requires the use of a secure connection. "
This happens right after I put in my family view code. I tried several time resetting but still the same error pops on. And I'm using Iphone 7, iOS 11.3 (beta).

npm install warning (...requires a peer of react... but none was installed)

I'm getting a warning when running npm install

npm WARN [email protected] requires a peer of react@^0.13.0 || ^0.14.0 || ^15.0.0 || ^16.0.0 but none was installed.
npm WARN [email protected] requires a peer of react@^0.13.0 || ^0.14.0 || ^15.0.0 || ^16.0.0 but none was installed.

I ran rm -rf node_modules and a clean npm install but I'm still seeing the warnings. Is anyone else experiencing this? Any ideas?

Mac OSX 10.11.6
npm version 4.6.1

Back Button freezes? App

Hey,
I logged in, went through all the bottom buttons and after I was at "Peers" I clicked back. The App went to the OD startup screen, but didn't move untill I killed and started it again.

Can back-button into Splash Screen

Upon loading into the App if I hit the back button I will get stuck in the Splash Screen. Also if I rotate my phone on this screen the blue background rotates with it which causes white/blue background.

When viewing someone else's profile, page number should reset to 1

Repro steps:

  1. Log into OpenDota mobile app
  2. Click on Matches tab
  3. Click > to go to next page
  4. Visit another user's profile (i.e. click on Peers, and then your friend's username)
  5. Click on Matches tab

Expected: You should see page 1 of your the user's matches
Actual: Page 2 is shown

There is probably a similar bug for Heroes and Peers tabs

Flow

Is is correct that flow is mentioned in pacakge-lock.json but not package.json?

Still being worked on?

I'm interested in building a mobile OpenDota application. The developer pointed me in the direction in this project, but I noticed it hasn't been touched in a while.

Are you still working on it, @Proyoyo?

Table Sorting

Table needs to be sorted when a user clicks on a header

Cannot navigate to Peers 2 levels deep

Repro steps

  1. Log into OpenDota mobile app
  2. Click on Peers tab
  3. Click on the first person (A)
  4. Click on Peers tab
  5. Click on the first person (B)

Expected: Be able to see Person B's profile overview
Actual: You are still on the Peer's tab (screen does not change), but and the app is in a weird state if you click < back navigation (it will bring you to Person A's profile, but showing the hamburger icon so you cannot view your own profile without force closing the app)

Reproduced on Android 7.0

7.07 Update

Hero images, refresher shard image, and new abilities images are not added to the app yet.
Waiting for Valve to release the images.

OnePlus font issue

Because OnePlus is using custom font, some texts in the profile overview page are cut off by several digits.

To resolve this issue, Roboto & SFUI fonts need to be bundled to the app. In addition, we need to force the app to display the texts using Robot/SFUI.

Fix Navigation

It seems that react-native-router-flux has introduced breaking changes since the last time I developed this app. The navigation code in the app needs to be updated to match the latest example from react-native-router-flux.

CocoaPods-installed source (./ios/Pods) should be .gitignore'd

As someone who develops in a lot of iOS/macOS apps, I think it's best to put Pods/ directories in your repo's .gitignore. When Podfiles are set up correctly, pod install should work consistently across all environments. In addition, keeping that out of your git history will keep your git database much lighter in the long run.

Just a suggestion though, feel free to close if you disagree. Looking forward to contributing!

Theme

Theme colours & font sizes need to be checked whether it meets accessibility standards.
Need to implement theme colours for unimplemented theme in Setting.

Update Readme.md

App has been released ๐ŸŽ‰

The readme.md should be updated accordingly as it's not in beta anymore

Home shows wrong Profile

Hey,

I started the App, went to my played games, picked a random game, and there a random Profile. Here I can see what I want, but when I go the way back with my back buttom it goes the following way:
Game -> My Games List -> The Profile I just watched with his stats for Heroes and so on.
I can swap to my favorites and click on Home again, but the wrong Profile stays.
This is on Android.

Implement Heatmap

Implement Heatmap with heatmap.js and webview. Currently it's WIP.

Clean up app/actions folder using ESLint

Introduction

ESLint is a developer tool that flags any code that does not follow certain rules outlined in the .eslintrc.json file (i.e. all declared variables should be used).

This issue is to use ESLint to scan through the app/actions directory and fix any lint warnings that should obviously be fixed, or comment below with any lint warnings that need further discussion*.

Skills

Basic familiarity with JavaScript and programming
This issue would be a good fit for those new to this project or open source in general.

Instructions

In package.json, add a new script "actions-lint": "eslint app/actions"
Run npm run actions-lint in your command line to view warnings that ESLint generates


*Since this is the first lint-warning-fixing issue opened, I'll start us off with some topics of discussion


Pease comment below if you would like to volunteer to contributing code and fix these lint warnings!

Refactor page controls to be a separate component

nextControl and previousControl are used several times throughout the app (Peers, Matches, and Heroes pages).

They can be refactored into a "NavigationControl" component to reduce duplicated code.

About ios jump url after steam authorize success

I have setup a web and steam authorize success and jump to domain/players/xxx successfully.
But when I compile and run of the mobile project.
I modify the LoginPage.js some configure source code
const opendotaURL = 'https://api.opendota.com/login/';
if(splitted[2] == "www.opendota.com" && !this.state.redirecting) {
to
const opendotaURL = 'http://domain:5000/login/';
if(splitted[2] == "www.domin.com:3000" && !this.state.redirecting) {

After I login in the steam success the ios app, it jump to the webpage in browser style not the reactive native style with nav at bottom.
How could I jump to the native mode in the reactive native ios project after steam authorize?
By the way I want to move nav "Overview Matches Heroes Peers"at bottom to the top how could i modify because it have been covered by my tabbar-control?

image

image

image

Add mobile to reactnative.gallery ๐ŸŽจ

Hi @odota!

Sorry, this is not an issue...

I'm Xavier and Iโ€™ve been working as a freelance React Native developer for more than 2 years.
I try to help community when I can: sharing my works on open-source, like you do!

I want to help developers to have more visibility.
So, I've created a website where developers can share with entire
world their React Native projects, components, apps...

This website allow developers to show their works and get feedback.
Just like a Dribbble but for React Native developers.

https://reactnative.gallery

package-lock.json and yarn.lock

as far as I know, these two lockfiles are not automatically kept in sync, i.e. yarn does not modify package-lock when it adds a dependency. Perhaps it is better to just settle on using one or the other?

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.