Giter Club home page Giter Club logo

league-page's Introduction

League Page logo

(Unofficial) Sleeper League Page Template

Generate a custom league page for your Sleeper fantasy football league in just a few steps
GitHub node GitHub top language Lines of code GitHub forks GitHub pull requests GitHub issues

League Page demo




If you and your league like League Page, please consider donating (and encouraging your league-mates to too!)
Buy Me A Coffee




Features

  • Up-to-date league information
  • Easy to navigate trade and waiver history
  • Awards and accolades
  • Records and rankings for every season
  • Current season power rankings
  • Previous drafts and upcoming draft preview
  • Season matchups
  • Manager bio pages
  • League constitution
  • Helpful fantasy football resources and news

  • Built using Svelte and SvelteKit
  • Desktop, Mobile and PWA compatible
  • League information generated from Sleeper API

Roadmap

  • Add integration tests
  • Cleanup repo
  • Test redraft leagues
  • Playoff matchups and current bracket
  • Dynasty power rankings
  • Hyperlink all manager references
  • Fix all css issues when actively resizing the window

Some real-life League Pages

Setup your own League Page

If you've never touched a line of code, use the Training Wheels Guide instead

  • Fork this repo
  • Go to /src/lib/utils/leagueInfo.js and replace your_league_id (line 2) and your_league_name (line 3) with your Sleeper league ID and league name. (Optionally, also fill out the dues, and dynasty fields): league ID instructions
  • Write your homepage text (league intro/bio) /src/lib/utils/leagueInfo.js (lines 9-14) homepage text
  • Next, fill out and uncomment (delete the // at the beginning of each line) the managers' object (lines 27 - 92), also located in /src/lib/utils/leagueInfo.js, there should be one object for each manager (for assistance, consult the Training Wheels guide) manager object manager rendering
  • Add corresponding images for managers to the /static/managers/ directory and make the sure the name matches with what was provided above
  • If you run into trouble adding managers, reference the Training Wheels' Manager section
  • Customize your league constitution /src/routes/constitution/index.svelte (remember to adjust the table of contents accordingly)

For local developing npm:

npm install
npm run dev --
npm run dev -- --host (to test on other devices locally)

To deploy on Vercel for free:

league-page's People

Contributors

nmelhado avatar nmelhado2 avatar shanetj 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.