|
| 1 | +<div align="center"> |
| 2 | + <img alt="League Page logo" src="https://storage.googleapis.com/nfl-player-data/League%20Page.png" width="100px" /> |
| 3 | + |
| 4 | + **(Unofficial) Sleeper League Page Template** |
| 5 | + |
| 6 | + |
| 7 | +Generate a custom league page for your Sleeper fantasy football league in just a few steps |
| 8 | +</div> |
| 9 | + |
| 10 | + |
| 11 | + |
| 12 | + |
| 13 | +## [Live demo](https://www.legendsleagueff.com/) |
| 14 | +----------- |
| 15 | +<div align="center"> |
| 16 | +<i>If you and your league like League Page, please consider supporting the project (and encouraging your leaguemates to too!)</i><br> |
| 17 | + <a href="https://www.buymeacoffee.com/nmelhado" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-green.png" alt="Buy Me A Coffee" style="height: 60px !important; width: 217px !important;" width="217px" height="60px" ></a> |
| 18 | +</div> |
| 19 | + |
| 20 | +## Features |
| 21 | +- Up-to-date league information |
| 22 | +- Easy to navigate trade and waiver history |
| 23 | +- Awards and accolades |
| 24 | +- Records and rankings for every season |
| 25 | +- Current season power rankings |
| 26 | +- Previous drafts and upcoming draft preview |
| 27 | +- Season matchups |
| 28 | +- Manager bio pages |
| 29 | +- League constitution |
| 30 | +- Helpful fantasy football resources and news<br><br> |
| 31 | +- Built using [Svelte](https://svelte.dev/docs) and [SvelteKit](https://kit.svelte.dev/docs) |
| 32 | +- League information generated from [Sleeper API](https://docs.sleeper.app/) |
| 33 | + |
| 34 | + |
| 35 | +## Roadmap |
| 36 | + - [ ] Playoff matchups and current bracket |
| 37 | + - [ ] Dynasty power rankings |
| 38 | + - [ ] Hyperlink all manager references |
| 39 | + - [ ] Fix all css issues when actively resizing the window |
| 40 | + <!-- - [x] ~~performance optimizations~~ --> |
| 41 | + |
| 42 | +## Some real-life League Pages |
| 43 | +- [Legends League](https://www.legendsleagueff.com/) |
| 44 | + |
| 45 | +### 1. Setup your own League Page |
| 46 | +- Fork this repo |
| 47 | +- Replace `your_league_id` with your Sleeper league ID in `/src/lib/utils/helperFunctions/leagueData.js`: |
| 48 | + |
| 49 | +- Fill out the information in `/src/routes/managers/managers.js` |
| 50 | + |
| 51 | + |
| 52 | +- Fill out the manager to roster ID mapping object in `/src/lib/utils/rosterManagers.js` (fill out the appropriate managers array number for each roster ID) |
| 53 | +- Customize your league constitution `/src/routes/constitution/index.svelte` (remember to adjust the table of contents accordingly) |
| 54 | +- Write your homepage text (league intro/bio) `/src/routes/index.svelte` (remember to adjust the table of contents accordingly) |
| 55 | + |
| 56 | +----------- |
| 57 | +## For local developing [npm](https://docs.npmjs.com/getting-started/what-is-npm): |
| 58 | + |
| 59 | + npm install |
| 60 | + npm run dev -- |
| 61 | + npm run dev -- --host` (to test on other devices locally) |
| 62 | +## To deploy on [Vercel](https://vercel.com/): |
| 63 | +- Push up your changes |
| 64 | +- [Link your github repo to Vercel](https://vercel.com/guides/deploying-svelte-with-vercel#step-2:-deploying-your-svelte-app-with-vercel) |
| 65 | +- That's it! |
| 66 | + |
| 67 | +<!-- ## Development |
| 68 | +see [CONTRIBUTING.md](.github/CONTRIBUTING.md) --> |
0 commit comments