Giter Club home page Giter Club logo

vschedule's Introduction

Refined itsukara.link

Screenshot

✨ itsukara.link with refined interface! ✨

CI status Code coverage Maintainability

Tech stacks

  • React with Next.js
  • WAI-ARIA powers screen reader compatibility.
  • Tailwind CSS powers gorgeous design.
  • Continuously deployed via Vercel

License

AGPL v3 or later

vschedule's People

Contributors

dependabot-preview[bot] avatar dependabot[bot] avatar github-actions[bot] avatar neet avatar pklion avatar

Stargazers

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

Watchers

 avatar  avatar  avatar

vschedule's Issues

Descriptions in some pages sound unnatural

This is a description in the help page:

配信ページからは、過去の配信と、これから始まる配信です、各配信をタップすると YouTube の配信画面が表示されます。

This looks weird for me.
I think it should be changed like this:

配信ページには、過去の配信とこれから始まる配信が表示されています。各配信をタップすると YouTube の配信画面が表示されます。

Support non-JP branches / EN, KR などのサポート

Since refined-itsukara-link is just a front-end service that proxies JSON responses from Nijisanji's official scheduler itsukara.link, we cannot show Niji-EN and other branches' live schedules as long as Nijisanji does not provide schedules at the official website.

Itsukara.link does not seem to be maintained frequently, and since they haven't released any updates over a year, I think it is unlikely to support overseas branches on their own website.

To achieve this, we have to make our own database that also indexes overseas branches instead of mirror data from itsukara.link.

I'm recently working on this on my days off. You can see the latest in-progress source code at api directory on this repository.

Add a signifier to indicate which tab is active

Currently, the navigation bar tells users whether the tab is active by changing its text colour.

However, since the colour contrast ratio is not enough, it is not clear for some colour blind people and lack in affordance

screenshot

Initial scroll position is weird because of SSR

context:

image

It is bad UX that users only can scroll when loading has done...

image

How about virtual scrolling with CSS

I've thought about using transformX() until loading has done but I'll implement someday.

or you can use <script>scrollTo(x,y)</script>
Idk if you can actually do but

I've thoguht too.

Add tests

  • Frontend unit snapshot/behaviour
  • Backend resolver/router test
  • Backend db integration test
  • Backend es intergration test
  • Gateway snapshot test

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.