CodeForces +

• 

  HOME PAGE

• 

  PRACTICE PAGE

• 

  PROBLEM SOLVING PAGE - LIGHT MODE

• 

  PROBLEM SOLVING PAGE - DARK MODE

1. Why did you choose the product?

I chose to redesign CodeForces website because the existing user interface of the website has a lot of room for improvement. The UI of the website isnt aesthetically pleasing which is very important Terminology for web pages is very complicated and can be written in simpler words. For example, “ProblemSet” can be replaced by “Practice” so that it will be easier for the beginners to understand and help them navigate the website.

2. Describe the issue(s) you faced with the current design.

The data is too clustered on the Home page which makes it difficult for new users to browse the website. In the ProblemSet page, it is hard for the user to understand the difficulty levels of each problem statement hence making it difficult to choose the right problem statement to practice. The user also cannot sort the problem statements according to their status making it hard for the user to know if they’ve already solved the problem or not. The website does not provide users with an editor and users have to upload their file making it harder to check the outputs.

3. Describe the research you did to find potential solutions to the problem.

I tried using different competitive programming websites but all of them had some features missing which are included in CodeForces+. Due to the time constraints, an in-depth research was not possible. Therefore, I tried to look for feedbacks of existing CodeForces users which helped me in problems in the website. Link for feedbacks of CodeForces users

4. Explain your solution.

The solution, i.e, CodeForces+ has an improved UI which makes browsing and reading data more efficient. It is beginner friendly. The home page isn’t clustered and has only the important and new features highlighted making it look cleaner. Users can practice problems on the website on the practice page. The practice page consists of problem statements which can be sorted according to the topics, status, difficulty level, and rank of the problems. The existing codeforces website does not have so many features. CodeForces+ allows users to see if theyve already solved the problems via the status feature. Users can solve the problems with the editor which has two themes which the user can change according to their liking.

Built With

• figma