Live Question Display - Visual Studio Code Extension
Co-Developed By:
Vibhanshu Sharma
Digvijay Anand
Overview
The Live Question Display is a Visual Studio Code extension that allows developers to fetch coding questions directly from the Codeforces website and display them within the Visual Studio Code environment. This extension aims to streamline the process of accessing coding questions and make it more convenient for programmers to practice and enhance their coding skills.
Features
Fetches coding questions from the Codeforces website.
Displays the fetched questions within the Visual Studio Code editor.
Tech Stack
The Live Question Display extension has been developed using the following tech stack:
Svelte: A reactive web framework for building user interfaces.
TypeScript: A statically-typed superset of JavaScript that enables enhanced tooling and code maintainability.
Node.js: A JavaScript runtime environment that allows running JavaScript code outside of a web browser.
HTML , CSS , Javascript
Installation
Launch Visual Studio Code.
Open the Extensions view by clicking on the square icon on the left sidebar or by pressing Ctrl+Shift+X (Cmd+Shift+X on macOS).
Search for "Live Question Display" in the Extensions view search bar.
Click on the "Install" button next to the "Live Question Display" extension.
Once installed, you can start using the extension.
Usage
Open a coding file or create a new one in Visual Studio Code.
Access the Live Question Display extension using one of the following methods:
Click on the "Question icon" tab in the left sidebar.
Right-click within the editor and select "Live Question Display" from the context menu.
Use the keyboard shortcut Ctrl+Shift+C (Cmd+Shift+C on macOS) to open the Live Question Display.
Enter the contestId within the input field of the extension .
The extension will fetch all coding questions from Codeforces' contest and display them within the extension panel.
Read the question and start coding directly within Visual Studio Code.
