Giter Site home page Giter Site logo

speedclimbing / website Goto Github PK

View Code? Open in Web Editor NEW
7.0 2.0 2.0 8.12 MB

A website about speedclimbing.

Home Page: https://speedclimbing.org

License: GNU Affero General Public License v3.0

JavaScript 2.72% TypeScript 20.55% HTML 0.30% Svelte 74.10% CSS 2.34%
climbing svelte svelte-kit speedclimbing

website's People

Contributors

16flotho avatar bookyourroom avatar dependabot[bot] avatar dorianim avatar lamorak13 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

website's Issues

UI/UX improvements

  • Unify padding and make it more responsive. It's sometimes way too big for narrow screens
  • Use skeletons instead of spinners
  • Don't replace content with spinner when navigating to another page (e.g. from /athlete to /)
  • Links on the footer don't have enough contrast, according to https://pagespeed.web.dev

Athlete Page: use correct fetch and debounce for text input

  • the load functions should use the sveltekit fetch function instead of the standard fetch
  • the text input should call debounce onchange before resetting the state to make sure that the user has stopped typing. This should also be better for performance because it avoids sending too many requests.

Athlete profile page

Add a page which displays details about a single athlete:

  • Summary
    • name
    • age
    • nation
    • gender
    • personal best
  • Profiles
    • photo
    • federation
  • (Social media (Website, Instagram, Mastodon (with verification) …))
  • all-time-statistics
    • Personal best
      • history
      • world rank
    • competition history
    • rankings
      • medals
      • final count
        • world
        • continental
        • national
    • How many competitions, for how long
  • seasonal-statistics
    • Consistency score
    • position in seasonal CUWR and bestlist
  • More athletes from the team
  • Similar athletes (gender, age, league)??
  • Opponent search for all races together

Global stats page (`/stats`)

All-time stats

  • ranking by time
    • overall
    • by age group
    • by continent
    • by nation
  • fastest comps (by FET)
    • overall
    • by league-group
  • History of final entry time (FET) → Diagram
    • overall
    • by league-group
  • History of time record → Diagram
    • overall
    • by age group
    • by nation
    • by continent
  • nation ranking by medals
    • overall
    • by league-group

Season stats

  • ranking by points/time
    • overall
  • ranking by average rank
    • overall
  • fastest comps (by FET)
    • overall
  • nation ranking by medals/points
    • overall

Detailed / custom stats

Everything from the summaries without limit and more filters.

  • ranking by time
    • overall
    • by age group
    • by season
    • by continent
    • by nation
  • History of time record
    • overall
    • by age group
    • by nation
    • by continent
  • ranking by points
    • overall
    • by age group
    • by league-group
    • by season
  • ranking by average rank
    • overall
    • by age group
    • by league-group
    • by season
  • fastest comps (by FET)
    • overall
    • by league-group
    • by season
  • nation ranking by medals/points
    • overall
    • by league-group
    • by season

Home page

  • records
  • top athletes
  • athlete search
  • recent competitions
  • about speedclimbing

Competition details page

A page which contains information about a competition:

  • Aggregated facts
    • Finale entry time (FET)
    • Average time
    • Best time
    • Average distance from PB
  • Results
    • Qualification as duels
    • Final as tree
    • Information on every time in qualification/final
      • name
      • nation flag
      • time
      • is personal best / national record / world record
      • better / worse than last run (arrow up or down)
    • General result as list including points

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.