Merge pull request #363 from ssavi-ict/v2.0.0

[v2.0.0] Major Update - #194

Author: ssavi-ict

CHANGELOG.md

@@ -1,5 +1,16 @@
 # Find all the change history listed below 
 
+**[31/12/2023]**
+- v2.0.0 [Features](https://github.com/ssavi-ict/LeetCode-Which-Company/issues/194)
+- Popular SDE Sheet sheets.
+- Progress tracking window for each sheet.
+- Summarized progress tracking status.
+- Reset progress for the currently selected sheet and all available sheets.
+- Notices on top of the page.
+- Change the appearance of the DSA preparation section and the Contest viewing section.
+- Chrome only update.
+- README Updated.
+
 **[12/11/2023]**
 - v1.0.8 [Features](https://github.com/ssavi-ict/LeetCode-Which-Company/issues/263)
 - (✯) Notation for recently asked questions reflected in the following page

README.md

@@ -1,7 +1,7 @@
 # Available In -
 <center><a href = "https://chrome.google.com/webstore/detail/cracktech-find-leetcode-c/fmbicfmfmangckllfaomfkhdankgapfk" target="_blank"><img src="/static/chrome-webstore.png" width="200"></a> &nbsp; &nbsp; &nbsp; &nbsp;| &nbsp; &nbsp; &nbsp; &nbsp;<a href = "https://addons.mozilla.org/en-US/firefox/addon/cracktech-leetcode-company-tag/" target="_blank"><img src="/static/firefox-add-on-store.PNG" width="200"></a> &nbsp; &nbsp; &nbsp; &nbsp;|&nbsp; &nbsp; &nbsp; &nbsp; <a href = "https://microsoftedge.microsoft.com/addons/detail/leetcode-which-company/aknogcjbpnfdmmnlphmkpcldbepblapf" target="_blank"><img src="/static/ms-edge-store.PNG" width="200"></a></center>
 
-# CrackTech - Find LeetCode Company Tags 
+# CrackTech-LeetCode Company Tag, DSA Preparation
 
 ## Current Version: v1.0.8
 
@@ -51,17 +51,19 @@ When solving a problem if you click on the ![icon](chrome/res/32.png) from the *
     - Once you click on the **[All Company]** button it will open up a page where you can see all the problems available in our storage with company names are listed as follows - ![all company](/static/webfile/complete_list.png)
 
 - **💥 NEW FEATURE 💥**
-    - Click on the **[Be A Pro]** button ![upcoming_contest](/static/webfile/upcoming-contest-button.PNG), it will open a page where you can see all upcoming Leetcode weekly and Biweekly contests listed with your local timing and with duration as below - 
+    - Click on the **[DSA Preparation]** button ![DSA Preparation](/static/webfile/dsa-preparation.png), it will open a page where you can see all upcoming Leetcode weekly and Biweekly contests listed with your local timing and with duration as below - 
     ![details_contest_list](/static/webfile/leetcoder.PNG) Clickable link will redirect to actual contest page.
     - The checkbox (*marked in red*) can be checked to receive contest notification everyday twice a day or unchecked if you wish not to receive contest notification. ![notification](/static/webfile/notification.PNG)
 
 - **💥 NEW FEATURE 💥** [*Chrome Only Feature*]
-    - [v1.0.7] Click on the **[Be A Pro]** button ![upcoming_contest](/static/webfile/upcoming-contest-button.PNG), it redirect to your preparation zone.
+    - [v1.0.7] Click on the **[DSA Preparation]** button ![DSA Preparation](/static/webfile/dsa-preparation.png), it redirect to your preparation zone.
     It shows your solving summary from where you can get picture of your solving history. Moreover, your going to get suggestions to solve the next Easy/Medium/Hard problem. Now your preparation is going even more fine-tuned. ![solve the next](/static/webfile/problem-suggestion.PNG)
 
 - **💥 NEW FEATURE 💥** [*Chrome Only Feature*]
-    - [v1.0.8] From now on you will be able to see the companies who asked a question recently for a certain problem. From the available company information for a problem, there will be a (✯) sign located on the right side of the top **5** company. This feature has been added on **Pop Up Window, All Company** page. 
+    - [v1.0.8] From now on you will be able to see the companies who asked a question recently for a certain problem. From the available company information for a problem, there will be a (✯) sign located on the right side of the top **5** company. This feature has been added on **[Pop Up Window], [All Company]** page. 
         - *This information has been collected from the different sources of the internet. It will be hard to verify the exact timeline.*
+- **💥 NEW FEATURE 💥** [*Chrome Only Feature*]
+    - [v2.0.0] Click on **[DSA Preparation]** button ![DSA Preparation](/static/webfile/dsa-preparation.png). From now on you can practice the question of SDE Sheets and track progress accordingly. Check your SDE sheet completion status for **Striver's SDE Sheet, Blind75 SDE Sheet, NeetCode SDE Sheet** altogether. ![SDE Sheet](/static/webfile/sde_sheet.gif)
 
 <br>
 

build-zip/CrackTech-v1.0.8-chrome.zip

@@ -1,28 +1,53 @@
 <!DOCTYPE html>   
 <html lang="en">   
-    <head>   
-        <meta charset="utf-8">   
-        <title>CrackTech - Find LeetCode Company Tags</title>
-        <style>
-            .content-item a img{
-                height: auto;
-                width: 70%;
-                padding: 10px;
-                flex: 1;
-            }
-        </style>
-        <meta name="description" content="Bootstrap.">  
-        <link href="css/bootstrap.min.css" rel="stylesheet">
-        <!-- <link href="css/styles.css" rel="stylesheet"> -->
-        <script src="script/jquery.min.js"></script>
-        <link rel="stylesheet" href="css/jquery.dataTables.min.css"></style>
-        <script type="text/javascript" src="script/jquery.dataTables.min.js"></script>
-        <script type="text/javascript" src="script/bootstrap.min.js"></script>
-        <script src="script/script.js"></script>
-    </head>  
-    <body style="margin:20px auto;">  
-    
+<head>   
+    <meta charset="utf-8">   
+    <title>CrackTech-LeetCode Company Tag, DSA Preparation</title>
+    <style>
+        .content-item a img{
+            height: auto;
+            width: 60%;
+            padding: 10px;
+            flex: 1;
+        }
+        #noticeListContainer {
+            border: 2px dashed red;
+            padding: 10px;
+            border-radius: 5px;
+            margin-top: 15px;
+            font-family: Verdana, Geneva, Tahoma, sans-serif;
+            background-color: #f8f6f6; /* Light gray background */
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Gray shadow */
+        }
+
+        #noticeTitle {
+            font-size: 15px;
+            color: #336699; /* Eye-soothing color */
+            margin-bottom: 10px;
+        }
+
+        #noticeList {
+            list-style-type: decimal;
+        }
+
+        #noticeList li {
+            font-size: 12px;
+            margin-bottom: 5px;
+            color: dodgerblue;
+        }
+    </style>
+    <script type="text/javascript" src="script/notices.script.js"></script>
+    <meta name="description" content="Bootstrap.">  
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <script src="script/jquery.min.js"></script>
+    <link rel="stylesheet" href="css/jquery.dataTables.min.css"></style>
+    <script type="text/javascript" src="script/jquery.dataTables.min.js"></script>
+    <script type="text/javascript" src="script/bootstrap.min.js"></script>
+    <script src="script/script.js"></script>
+</head>  
+<body style="margin:20px auto;">  
     <div class="container" style="margin: 0 auto; border: 1px dotted gray;">
+        <div id="noticeListContainer"></div>
         <div class="intro-content-1" style="font-family: 'Segoe UI'; font-size: medium; text-align: center;">
             <h1>APPRECIATE</h1>
             Hello, Dear Leetcoder... <br>
@@ -97,5 +122,5 @@ <h1>THANK YOU</h1>
             Made with &#10084; by <a href="https://www.linkedin.com/in/ssavi-ict/" target="_blank"><b>Avik Sarkar</b></a>
         </footer>
     </div>
-    </body>
+</body>
 </html>