Git Product home page Git Product logo

luca1388 / teamwer Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 709 KB

GatsbyJS app that implements JAMStack principles to display italian Serie A football information. The main screens of the app are pre-rendered at build time with data gathered via a REST API service that provides football data.

Home Page: https://capable-mousse-2d9d34.netlify.app/

License: BSD Zero Clause License

JavaScript 22.33% CSS 40.77% TypeScript 36.90%

teamwer's Introduction

Serie A Team Viewer

About this project

This is a demo example of using GatsbyJS to implement a dummy web application that follow JAMStack principles. The main screens of the app are pre-rendered at build time with data gathered via a REST API service that provides all the football information needed for this use case so:

  • Italian Serie A teams list
  • Italian Serie A standings
  • Italian Serie A matches schedule grouped by team

You can take a live tour of this app here.

Screenshot Screenshot Screenshot

Built with

Usage

If you want to succesfully build the app you need first to create an account on football-data.org in order to create a valid API token that you can use as environment variable (named API_TOKEN) for the API calls performed at build time by the Gatsby build process. For a local development it is possible to create a .env file with such variable and you are good to go. When you deploy the project on some remote server don't forget to create the environment variable following the documentation of your preferred hosting service.

Available Scripts

npm run build

Creates the production bundle of the app.

npm run develop

Creates a development environment opening a local web server at http://localhost:8000 with live reloading enabled.

npm run serve

Needed to run a production build locally with a server opened at http://localhost:9000.

Acknowledgements

teamwer's People

Contributors

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