Giter Club home page Giter Club logo

twitch-extension-analyze's Introduction

Twitch Extension Analyzer

Twitch Extension Analyzer is a platform hosted on github pages that assists in viewing analytical data provided by twitch tv

Insights & Analytics

Twitch Insights provides game and extension developers with analytics data to help developers make data-driven decisions about future development. As a developer, you can use this data to enhance the experience of broadcasters and viewers and optimize how they engage with your games and extensions on Twitch Read More Here

Build Status GitHub issues GitHub license Twitter

Usage

Download your CSV file in Extension Developer Console.

Access the version hosted on github pages Twitch Extension Analyze Online then upload your CSV

all data is processed in the browser, there is no remote processing, you can check all source code in this repository

Preview

preview gif


Contribution:

1. How to contribute

  • Fork the project from the master branch and submit a Pull Request (PR)
    • Explain what the PR fixes or improves
    • Screenshots help understand change
  • Use sensible commit messages
    • If your PR fixes a separate issue number, include it in the commit message

2. Execute basic testing

  • Do a basic test with csv files in the data folder
    • check all calendar date ranges
    • check rendering of all graphics
    • check numbers and number formatting

Project structure

.
|--- .github/ISSUE_TEMPLATE
|--- data
|    |--- twitch-extension-test-csv-v2-3-days.csv
|    |--- twitch-extension-test-csv-v2-7-days.csv
|    |--- twitch-extension-test-csv-v2-15-days.csv
|    |--- twitch-extension-test-csv-v2-29-days.csv
|    |--- twitch-extension-test-csv-v2-30-days.csv
|    |--- twitch-extension-test-csv-v2-60-days.csv
|    |--- twitch-extension-test-csv-v2-90-days.csv
|    |--- twitch-extension-test-csv-v2-186-days.csv
|--- public
|    |--- favicon.ico
|    |--- index.html
|    |--- manifest.json
|--- src
|    |--- components/*/**.tsx
|    |--- containers/*/**.tsx
|    |--- layout/*/**.tsx
|    |--- store/*/**.ts
|    |--- utils/*/**.ts
|    |--- App.test.tsx
|    |--- App.tsx
|    |--- app.less
|    |--- index.tsx
|    |--- react-app-env.d.ts
|    |--- serviceWorker.ts
|--- .gitignore
|--- .travis.yml
|--- CODE_OF_CONDUCT.md
|--- LICENSE
|--- README.md
|--- SECURITY.md
|--- config-overrides.js
|--- package-lock.json
|--- package.json
|--- prev-b.png
|--- preview.gif
|--- tsconfig.json
|--- yarn.lock

Prerequisites

Available Scripts

In the project directory, you can run:

Action Usage
Starting development mode npm start
Builds for production npm run build
Running unit tests npm test
Remove react scripts npm run eject
Run automatically before deploying npm run predeploy
Send code to gh pages npm run deploy

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Author

Albérico Dias Barreto Filho

License

MIT

twitch-extension-analyze's People

Contributors

albericod avatar dependabot[bot] avatar

Stargazers

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

Watchers

 avatar

Forkers

simistern

twitch-extension-analyze's Issues

Typescript error

Ran NPM install followed by NPM start after a clean clone:

		TypeScript error: Type '(record: IChannels) => Element' is not assignable to type '(text: unknown, record: {}, index: number) => ReactNode'.
		  Types of parameters 'record' and 'text' are incompatible.
		    Type 'unknown' is not assignable to type 'IChannels'.  TS2322
		
		    44 |         title='Live'
		    45 |         key='action'
		  > 46 |         render={(record: IChannels) => (
		       |         ^
		    47 |           <span>
		    48 |             <a href={`https://www.twitch.tv/${record.username}`} target='__blank'>
		    49 |               <Icon component={newTabLink} />

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.