Git Product home page Git Product logo

cftracker's Introduction

CF Tracker

Platform to view contest problems from codeforces

Created using

  • React v17.0.1
  • Redux v4.0.5
  • Bootstrap v5.1.0
  • Typescript v4.2.3

Prerequisites

  • node v14 or above ( for windows)
    sudo apt install node #for linux 
  • npm v9 or above
    sudo apt install npm #for linux 

Setup

  1. Clone repository
     git clone https://github.com/mbashem/cftracker.git
  2. Change to cftracker directory
    cd cftracker
  3. Install dependances
    npm install 
  4. Run locally
    npm run start 

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

cftracker's People

Contributors

github-actions[bot] avatar kaushikkumarbz avatar mbashem avatar sgtlaugh avatar suhas-kalagotla avatar vishal-kumar4 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

Watchers

 avatar  avatar

cftracker's Issues

Small UI Improvement

Can have the nav bar sticky, and rerouting the users to homepage when CFTracker logo is clicked!!

image
image

Bug Fix - Random Problem Results

Screenshot 2024-06-22 064206

Here, when i tried to get some random problem from the set, even though the list contains one problem, but still it is showing "showing 90 of 90"

Bug Fix - Random Contest Issue

There is some issue in showing results of random contest generator too, even though it is fetching one result, it is still showing "Showing 100 of 1784",
image
Here, even though it is one problem, we can see the same problem, but with different serial number of different pages in all of the total 18 pages
image
in the fourth page too but with #401
image

Username validation before API called

We are not validating the username handles which is causing even the empty string or any invalid handles(with special characters also) to get called with fetchUsers api function ..

Screenshot 2024-06-24 at 2 59 04 PM

[Suggestion] : Show CF API Status

First off, great website, one of the daily tools for me. So cheers for great work!

Coming to Suggestion, Often what happens is when API is down the website rather just turns out to be a white page. It might be beneficial for a user as a whole if you can put a disclaimer in the topbar whenever API is down like a red area maybe which shows "CF API down, cannot parse data" or something similar?

ProblemPage should support SortBy ID field

UseCase: A user who wants to solve problems of a praticular rating level by selecting filters on rating but he wants to solve them in order of MOST RECENT CONTEST FIRST requires problems to be sored by CONTEST ID (this is default in codeforces as well).

Having this feature in CFTracker will make it more useful for end users as this need gets served easily with this option enabled.

Problem's name and link Improvement

current table has problem links looking like a simple text which can be improved
Screenshot 2024-06-18 at 1 30 56 PM

1)let's not change the problem name and just add a external link icon for every problem for re-directing.
image (1)

2)make problem name look like actual link

Bug Fix - Pagination

  1. Pagination is breaking in mobile device
    2024-06_09:12

  2. "Go to page:" is not working as expected
    Not able to jump to page 22 or any other page not starting with 1 , not able to remove 1
    image

Improve Readme

Please mention

  • Prerequisites
  • Steps for Setting Up the Project
  • Steps to Follow for Contribution

Few UI improvement's requests

1)The info button seems kinda broken as functionality wise it displays info on click where as it would be better if we enable it to display info on hover for certain time and then info gets vanish.
Screenshot 2024-06-18 at 1 40 58 PM
2)Wouldn't it be good if we add a logo of cftracker on left of "CFTRACKER" on the page like any other standard websites.

3)Issues page has route name as "/comments" flow wise it will be better if we have route as "/issues" itself and when i click on issues button page takes time to render info and loading animation on this page is stopping too early leaving the screen blank for few seconds
Screenshot 2024-06-18 at 1 45 04 PM

4)We don't have a login/sign up option anywhere in the UI where as we are required to login to make a comment in the issues page, it will be good if we can create a login/sign-up page for users.

Upvote and downvote mechanism

image
Maybe registered users should be allowed to upvote and downvote problems and those problems with amount of upvotes shown in another tab besides issues ?
I would love to work on this if you find the idea worth implementing.

About "More than 2"

In Global Round 24, there are three versions of problem G. In cftracker, it only shows "More than 2", and doesn't have different cells for each version. Can you fix it? Thanks!

The website crashes randomly

This website is really helpful, thank you for your great work. But sometimes it says "ERR_CONNECTION_CLOSED", and sometimes I can visit the website normally. Could you please fix it? Thanks.

[ Problems Page ] - option to "remove all" in filter

Adding "select all " and "remove all" option in filter while selecting tags will help to select all tags at a time instead of selecting all
similarly an option to remove them
image
Here I have selected 9 fields
to deselect them if there is a button it would be great

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.