From c0f42e0db30e6b624af0fd45e6070808cf8012b7 Mon Sep 17 00:00:00 2001 From: AmanDeep-21 Date: Thu, 29 Oct 2020 20:27:30 +0530 Subject: [PATCH] added a new app idea, codeforces profile comparator --- .../Codeforces-Profile-Comparator.md | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 Projects/2-Intermediate/Codeforces-Profile-Comparator.md diff --git a/Projects/2-Intermediate/Codeforces-Profile-Comparator.md b/Projects/2-Intermediate/Codeforces-Profile-Comparator.md new file mode 100644 index 00000000..477ace59 --- /dev/null +++ b/Projects/2-Intermediate/Codeforces-Profile-Comparator.md @@ -0,0 +1,27 @@ +# Codeforces-Profile-Comparator + +**Tier:** 2-Intermediate + +Build an application which will help the user to compare two different profiles of codeforces + +## User Stories + +- [ ] User can enter usernames of two distinct profiles into the two different `input` fields +- [ ] User can then hit the compare button. This will call an API provided by codeforces which will return an array binded with the corresponding user. We can use that data to bind up the corresponding informations (**Current Rating**, **Max Rating**, **Min Rating**, **Total Contests**, **Best Ranks**, **Worst Rank**, etc) +- [ ] User can view the above mentioned details and can get the clear picture about the comparison + +## Bonus features + +- [ ] For both the users, whom we are comparing, add a link for both of them that will send the User to an external site (i.e. to their codeforces profile) which has more information about the respective user. +- [ ] Implement a Responsive Design +- [ ] Add loading animations while we fetch the data +- [ ] If we can plot a histogram for number of contests, minimum rating and maximum rating, and the graph showing rating changes from numerical data we got from the api call, it will definetly help the user to get more clarity about the comparison in an easy way. + +## Useful links and resources + +You can use the [Codeforces API](https://codeforces.com/apiHelp) + +## Example projects + +[Profile Comparator](https://cfviz.netlify.app/compare.html) +