contrihub / leetsolve Goto Github PK

The top section component of the UI(containing logo-text, loader, Username) is called NavBar. Generally, it is called Header. So, rename this component to Header and also the styling file to header(inside styles folder).

Paginate the Table for the "All Questions" Category with 10 Entries per Page. The Pagination Number should be shown in Info-NavBar(where categories are shown) as square boxes on the Right Side.

As soon as the user submits the cookie (in Cookie Form), the "Go" button should get disabled and The div containing the form should fade out into the matrix (+5 for creativity 😋️)

Note:

1. Currently a gif is shown as soon as the form gets submitted, you are required to remove that and make the aforesaid changes.

Reload the Application when clicking on the "LEETSOLVE" text in the top-left corner.

Make the Scroll bar Neon-Green colored(find hex on google) and also change its default styling (Refer to Discord's Scroll bar).

On the Top, when the status is "Request Timed Out" or "Invalid Cookie", put a button beside it to reload the App.(+5 for Creativity😋️)

Note:

1. You have to make the reload icon functional also 😁️

Create Tabular View for Easy/Medium/Hard Categories.

Note:

1. No Pagination Required

The attempted questions list should be shown in a table, just like the All Questions list.

Add a Column in the All questions Table for Question Id. It is present in the API response as "frontend_question_id".

The Logout Functionality is not working properly. As most of the things are already in place. Just make the necessary changes to make it work. #24 is the issue under which it was implemented.

Style the Current Footer as mentioned in footer Text (+5 for Creativity😋️)

Add a button to pick a Random Problem currently chosen Category. Dialog Box should open having Problem Name, Level and it should have a button to take to the actual problem on Leetcode.

While waiting for a response, "Fetching Koshans..." is shown on the progress bar. Correct it to "Fetching Questions..." 😁

[Unlocks after #19 is completed]

Make the App open in full Window size(not Full Screen) by default.

Pagination is done in the "All Questions" Category already. You need to do the same for the rest of the categories.

Users should be able to create a Virtual Contest of 2-5 Problems from All Questions List which are free to submit and not submitted already. Basically, Create a table with each row having a Problem Name and + button to add to the Virtual Contest.

Note:

1. This list should not contain the Question already done by the Current User. As soon as the user clicks start Virtual Contest. It should redirect to a Page showing the live status(AC/Non-AC) of the Problems of the Virtual Contest. Live here means that the status should be fetched via an AJAX request.
2. If you want to implement it in another way(should not be costly) you are free to do so.

Restrict the Window resizing of the App Window to not less than (300X400). [like Discord on Linux/Windows]

Currently it opens in smaller size. Make it open full size window by default.

Create Tabular View for Accepted/Not-Accepted Categories.

Note:

1. No Pagination Required

Create a constants.js file inside /src/ and add all the "Events" name to that file and Replace them all over the source code by Importing them from this newly created file (Currently, we have 2-3 events only).

• Basically you need to delete the Cookie which is set when logging in.
• An example to remove the cookie is given in main.js. Use that correctly and create a separate event for logging out.
• In Frontend Logout Button Should Appear on the Right Side of the Navbar.