Live question display (Cf question extrator)

Need of project :

When competitive coders participates in the contest conducted by codeforces , they need to switch between the code editor and the codeforces website to read the question . They takes much time . In this case , their is a need of such a vs code extension , which displays the questions in the editor itself .

Installing and running the project :

First of all , user need to download the extension from the vs code market place by searching vs code extension .

After installing the extension , the extension ion will be shown in the leftmost sidebar , as a question icon . After clicking on that , user will be asked the contest id . User can get contest ID from the contest url as follows :

After pasting the contest id , extension will take few seconds to fetch question and will display the same in the primary sidebar . User can navigate the questions through the next/previous buttons provided .

Video Tutorial : drive link

Common issues faced :

If the questions aren't showing in the sidebar :

• Try reopening the extension (clicking the extension icon twice ) and again putting the contest id .
• Check if the codeforces website is working properly .
• If the issues continues , try reloading the vs code (ctrl + shift + P , then reload window ) .

Tech stack used :

1. Svelte :

As the webview of vs code is a single page webview , Svelte framework is used in it. Svelte is better at small webviews because of it's better code optimisation .

2. Web - Scraping :

JS, npm packages: node-fetch, cheerio, cors

3. Typescript , HTML , CSS , NodeJS :

Team members :

1. Vibhanshu Sharma    GitHub    LinkedIn

2. Digvijay Anand          GitHub    LinkedIn