geekypandey's blog

By geekypandey, history, 5 months ago, In English

What is this site?

cf-tracker is a website for monitoring progress on codeforces.com in terms on which problems were solved in contests.

There are two types of problems to keep track on:

  • The ones that were solved during the contest.
  • The ones that were not solved during or after the contest [problems to upsolve later].

It also provides feature to filter contests based on division [div1, div2, div3, Educational Rounds], and is pretty damn quick about it.

cf-tracker website

How can one use it?

  • To upsolve problems.
  • To find contests that you haven't participated in before and practice on them.
  • Filter contests based on divisions for practice.

How is this site built?

  • The site is built entirely using Vue.js.
  • It uses codeforces api for fetching information.
  • The contests information is statically stored as a json file, for improving the speed.
  • To update the contests information there is python script written.
  • The site is hosted using Github Pages.

Can I look at the source code?

Sure, the site is completely open-source. You can find it here.

What features are coming next on it?

  • To keep the search and filter bar of the top steady if when you scroll down.
  • Refresh button to get latest data on problems solved by the user.
  • Proper error message for user, in case the codeforces website is down.
  • Improve the UI.
  • Pagination of problems.

Suggestions to improve the website are always welcome. If any issues found please raise it on the github repository.

Thank you! Enjoy the site!

Update(13/5/2021):
  • Multiple handles supported.
Update(14/5/2021):
  • Problem solved count available now for each problem.
  • Refresh button for getting latest user submissions added.
 
 
 
 
  • Vote: I like it
  • +129
  • Vote: I do not like it

»
5 months ago, # |
  Vote: I like it +3 Vote: I do not like it

Auto comment: topic has been updated by geekypandey (previous revision, new revision, compare).

»
5 months ago, # |
  Vote: I like it +17 Vote: I do not like it

Nice project, please give support for multiple handles at once.

  • »
    »
    5 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Thank you! Could you explain the use of multiple handles? I have seen many sites doing that, but never understood its usefulness. Would be happy to add the same feature if it is helpful.

    • »
      »
      »
      5 months ago, # ^ |
        Vote: I like it +5 Vote: I do not like it

      Formal use : It can be used for things like people seeing the submissions of their teams.

      This helps in choosing problems to solve that are not solved by any of them.

      Much more helpful case : If you have many accounts(things we call alts), then you can combine all the problems solved by you in all accounts at once and solve the ones that you have not solved

      • »
        »
        »
        »
        5 months ago, # ^ |
          Vote: I like it 0 Vote: I do not like it

        okay. That seems very much helpful. I will add the feature to support multiple handles. thank you!

        • »
          »
          »
          »
          »
          5 months ago, # ^ |
            Vote: I like it 0 Vote: I do not like it

          Hey, currently accepted problems are shown in green color for all users, I think it will be better if different colors or some numbering is used for different users.

  • »
    »
    5 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    hey! now the site supports multiple handles. check it out!

»
5 months ago, # |
  Vote: I like it +1 Vote: I do not like it

Some recent contests are not being shown.

Contest 718 is the latest one that's being shown

  • »
    »
    5 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Yes, the contest data is statically stored so I need to update it manually. I will find a way to automate that. I have updated the for recent contests. thank you!

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

wonderful!

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

great project!

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

great site

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

congratulation on such a great project

One feature I was hoping you could add is showing the rating of every question below the question number. This would be helpful in knowing if the problem is solvable according to our current level.

  • »
    »
    5 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Thank you! Yes, that is a great idea. I have thought on how to show the ratings and to filter based on ratings. Will soon add it to the site. thank you for the suggestion!

    • »
      »
      »
      5 days ago, # ^ |
      Rev. 2   Vote: I like it 0 Vote: I do not like it

      Is filtering based on ratings in the API added? I am unable to find it. Please help me on this.

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

This website doesn't show recent contests. Here's another blog with the same kind of website with more recent contests and a great interface (personal opinion).

Codeforces Solve Tracker

  • »
    »
    5 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Yes, it is bad on my part. I will make it so that the recent contests are automatically updated. I have updated for recent contests. Weak on the ux part. Will learn and add some cool ux for easy usage. thank you! Any site that makes you productive is cool!

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Great project. You can add the solve count of each problem, it will help the beginners like me to filter out the problems for practice.

  • »
    »
    5 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    sure. I have updated the site to contain solved count for each problem. I wanted to ask, which one seems more helpful, solved count or the problem rating? Enjoy the site!

    • »
      »
      »
      5 months ago, # ^ |
      Rev. 2   Vote: I like it 0 Vote: I do not like it

      Thanks for implementing. Loved the site. For me solve counts works better but it can't be same for everyone :(

    • »
      »
      »
      5 months ago, # ^ |
        Vote: I like it 0 Vote: I do not like it

      In my opinion, showing the rating would actually be more helpful than number of submissions, but I think you can add both and let the users choose whichever one they want to see. If you could possibly implement this soon it would be amazing.

»
5 months ago, # |
  Vote: I like it +13 Vote: I do not like it

I really like kenkoooo for atcoder and would love to see a clone for codeforces.

It has some neat features like color coding the problems by rating and showing different shades of green for in-contest solve vs upsolve.

One codeforces specific feature I want is to merge the rows for parallel div1/div2 rounds so you can tell at a glance which contests you've missed

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Codeforces Round #703 (Div. 2) had problems C1 and C2, seems like it's not showing on the site. Otherwise looks great!

  • »
    »
    5 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    hey! thank you for pointing that out. I have fixed the issue.

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Nice project, recently I was looking for this kind of site.

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Auto comment: topic has been updated by geekypandey (previous revision, new revision, compare).

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Just a noob question: I think GitHub Pages just supports static contains by template, How do you use Vue.js and get data from Codeforces to show? That's amazing.

  • »
    »
    5 months ago, # ^ |
      Vote: I like it +8 Vote: I do not like it

    vue.js is part of the "serverless" web development thing: this means that you can go and host a js site on vercel/github pages. But honestly, vercel is much better than github pages because the deployment process is so much faster (imagine having to do x.github.io everytime for a projct)

    • »
      »
      »
      5 months ago, # ^ |
        Vote: I like it +1 Vote: I do not like it

      Actually you can host different project on the same site with different endpoints. Also you could use custom domain for each. e.g.,

      • x.github.io/codeforces/
      • x.github.io/codechef/

      For deployment I use bash scripts, which helps. Will check out Vercel.

  • »
    »
    5 months ago, # ^ |
      Vote: I like it +1 Vote: I do not like it

    Github Pages allows to host static web pages. So we can use HTML, CSS and Javascript. Vue.js being a javascript library can be used. I also got confused with static thing but you can find the difference between static and dynamic here

    You can also find deployment guidelines for Vue.js here

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Task/problem not question. Great work btw. Keep it up.

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Auto comment: topic has been updated by geekypandey (previous revision, new revision, compare).

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Any similar sites like CPFy and this one? It's really hard to find them if you don't check codeforces top daily. Any compilation of these helpful sites?

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Auto comment: topic has been updated by geekypandey (previous revision, new revision, compare).

»
5 months ago, # |
Rev. 2   Vote: I like it 0 Vote: I do not like it

Is it possible to add a feature where we can extract all contests authored by a [username]?

  • »
    »
    5 months ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    hey! Is that something useful for you? If you could explain, how is it useful? I am open to implementing features.

»
5 months ago, # |
  Vote: I like it 0 Vote: I do not like it

Please add difficulty rating of each problem in place of number of submissions. It will be more useful. Infact please add a checkbox(Show/Hide Difficulty) on the top which can enable and disable the difficulty ratings of all problems.

»
4 months ago, # |
  Vote: I like it 0 Vote: I do not like it

One feature I was hoping you could add is showing the rating of every question below the question number. Or can add different colors to different rating problems.

»
11 days ago, # |
  Vote: I like it 0 Vote: I do not like it

It amazes me that this functionality is not natively part of CF

»
11 days ago, # |
  Vote: I like it 0 Vote: I do not like it

Thanks. I used to write on backside of my notebook which problems I solved during contests, which I couldn't and which I upsolved later. This was much needed website in my life.