Coder Social home page Coder Social logo

footpocket's Introduction

FootPocket

main

Description

Mobile app for football simulation. You can play in your favorite league simulate, change teams values and check how your team will finish the league. There is also typer league where you can invite your friends and create your own typer league, then choose games and bet your score if you have a trouble you can also check Stats which are build in app and be familliar with current standings situation in your league.

Features

  • tabs navigation and stack navigation for each tab
  • modals in react native
  • authentication with firebase (using your email)
  • read and write data into firebase realtime database and keep your data across all your device
  • auto-generation function for competitions
  • fetch data from RapidAPI with FootballApi for checking current standigs data for your favorite leagues

Stack

  • ReactNative
  • Firebase Auth
  • Firebase Realtime Database
  • TypeScript
  • Redux Toolkit
  • RapidAPI (Football api)

App details

Routing

  • routing using tabs where every tab includes few stack screens.

Home

Home Screen contains AuthContent with user authentication for SingUp and SignIn to game. Authentication Form is connected to Firebase account where user data are stored. If user is signed in then view is changin to User Card when users are able to change there data information. This data like username, email and token are stored in redux toolkit and it will be used in other parts of application via useSelector, thanks it they can see more features than anonnymus users.

home1

home2

Simulator

The most interesting part where you can simulate your favorite football leagues like Premier League, La Liga or Serie A. You are able to change teams power before you start the game. Each team have skills like attack, midfield and defence. The scores depends on these skills. The simulator engine counts how the game will finished and who will be the champion of the league at the end of the season. You can simulate each score by clicking play button. Change the view between Schedule and Table to see current results.

Sim1 Sim2 Sim3

Typer

Another feature where you can bet scores of real teams in real competitions. Thanks this feature you can create your own typer league and invite your friends. Enjoy this game and discover who has the most knowledge about your favorite league. In this module you have access to bet games, checking previous scores and how you and your friends bet all games in one summary table and table for each match.

Typer2 Typer3 Typer4

Stats

Current standings and fixtures for leagues. It is fetching from Football API and saving in app memory to quick access for your statistics.

Stats1

License

The MIT License

footpocket's People

Contributors

arexspeed 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.