ssavi-ict · ssavi-ict · Apr 20, 2025 · Apr 20, 2025
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,18 @@
 # Find all the change history listed below 
 
+**[21/04/2025]**
+- v2.2.0 [Feature and Enhancements](https://github.com/ssavi-ict/LeetCode-Which-Company/issues/446)
+- Name modified to *CrackTech - Tech Interview Preparation*
+- Daily system design, low level design, test engineering, behavioral content recommendation.
+- Relevant database prepartion.
+- List of system design, low level design, test engineering, behavioral contents.
+- Removed the contest and notification features
+- Updated popup html.
+- Modify relevant pages.
+- Chrome-only update.
+- Notices updated.
+- README updated.
+
 **[16/11/2024]**
 - v2.1.0 [Feature and Enhancements](https://github.com/ssavi-ict/LeetCode-Which-Company/issues/434)
 - Company-based problems filtering.

diff --git a/README.md b/README.md
@@ -1,17 +1,25 @@
+*!!! Declaration: I hereby declare that I do not make a single penny by this work. I do this work entirely by passion and interest. !!!*
+---
 # 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-LeetCode Company Tag, DSA Preparation
+# CrackTech - Tech Interview Preparation
 
-## Current Version: v2.1.0
+## Current Version: v2.2.0
 
-## CrackTech (previously *LeetCode Which Company*) gives you the information of the companies who asked a certain question in the technical interview.
+## CrackTech - Tech Interview Preparation (previously *CrackTech-LeetCode Company Tag, DSA Preparation*) helps you to prepare for your next tech interview
 
-Are you preparing for your technical interviews? Are you looking for the question asked by companies like Microsoft, Google, Meta, Apple, etc.? Then this extension gives you what you are looking for.
+Are you ?
+- Preparing for your technical interviews. 
+- Looking for the **DSA questions** asked by companies like Microsoft, Google, Meta, Apple.
+- Looking for a list of **system design** contents
+- Looking for a list of **low level design** contents
+- Looking for a list of **test engineering** topics
+- Looking for a list of **behavioral** contents
 
-This extension is my effort to make your preparation one step better. If you are solving problems on Leetcode and you do not have a premium account to see company information then I am definite that this extension will give you the same experience to some extent. You can prepare for your dream companies and sharpen your DSA skill accordingly.
+Then this extension can be a good friend of you.
 
-However, since I am continuously updating company information solely, you might not get company information for every single problem as you can find in Leetcode premium. I collect company information from different sources on the internet and update it in my database. So in some cases, you might get **some more company information** than Leetcode provides.
+This extension is my effort to make your preparation one step better. I am continuously updating company information solely, you might not get company information for every single problem as you can find in Leetcode premium. I collect company information from different sources on the internet like blogs, job site, glassdoor etc. and update it in my database. So in some cases, you might get **some more company information** than Leetcode provides.
 
 Install this extension/add-on and boost your prep. Wishing you all the very best in your journey.
 
@@ -23,6 +31,7 @@ Access company information for all available problems from : <a href="https://ss
 - Regular updates on company information.
 - Addition of new company information for problems almost everyday.
 - Company based problem list at a glance.
+- List of system design, low level design, test engineering, behavioral contents. [*New*]
 - A pop-up window extension. No garbage, just the content you needed.
 - Flexible to LeetCode UI changes. So no downtime on your preparation.
 - Upcoming Contest Notification everyday. Never miss a LeetCode contest now.
@@ -47,24 +56,22 @@ When solving a problem if you click on the ![icon](chrome/res/32.png) from the *
 ![found](/static/webfile/info_shows.PNG)
 - Updation of company information scheduled to be done on a regular basis. You can check the commits tagged `company-info`.
 
+- **💥 NEW FEATURE 💥** [*Chrome Only Feature*]
+    - [v2.2.0] Click on **[Interview Preparation]** button you will be landed on a preparation page where you can see daily technical content recommendation for **System Design**, **Low Level Design**, **Test Engineering**, and **Behavioral** - ![daily recommendation](/static/webfile/tech_content_1.PNG.jpg). After clicking on the **[See Complete List]** button on each section this will give the list of all contents that has been added so far. I expect to add more of them eventually. ![daily recommendation](/static/webfile/tech_content_list.PNG.jpg)
+
 - **💥 NEW FEATURE 💥** [*Chrome Only Feature*]
     - [v2.1.0] Click on **[Company &Equilibrium; Problems]** button you will be landed on page where you can click on a company to see all the problems asked by that company as follows - ![all company](/static/webfile/company-filtering.png)
 
 - **💥 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)
+    - [v2.0.0] Click on **[Interview 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)
 
 - **💥 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], [Company &Equilibrium; Problems]** 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*]
-    - [v1.0.7] Click on the **[DSA Preparation]** button ![DSA Preparation](/static/webfile/dsa-preparation.png), it redirect to your preparation zone.
+    - [v1.0.7] Click on the **[Interview 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 💥**
-    - 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 💥**
     - Once you click on the **[Company &Equilibrium; Problems]** 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/problem-filtering.png)
 
@@ -88,8 +95,6 @@ When solving a problem if you click on the ![icon](chrome/res/32.png) from the *
 # CONTRIBUTIONS
 I appreciate your intentions for making contribution in this repository. 
 
-This extension is a small effort for all the LeetCode **non-premium** users who wants to have the company informations while solving a leetcode problem. 
-
 Currently we are accepting only the `Company Contributions` to enrich the company database. To contribute please follow the instructions of this issue [[CONTRIBUTE] Dear Contributors, Requesting Your Attention Regarding Company Contribution](https://github.com/ssavi-ict/LC-Which-Company/issues/4).
 
 
@@ -101,7 +106,8 @@ Contributor(s) -
 ----
 <br>
 
-**Special Thanks** to **B M Marjan Khan** [@marjankhan945](https://github.com/marjankhan945) for his immense contribution, support and suggestions towards working on this project.
-**Special Thanks** to [**Rifat Sahriar**](https://github.com/marjankhan945) for his immense support in collecting company information.
+- **Special Thanks** to **B M Marjan Khan** [@marjankhan945](https://github.com/marjankhan945) for his immense contribution, support and suggestions towards working on this project.
+- **Special Thanks** to [**Rifat Sahriar**](https://github.com/marjankhan945) for his immense support in collecting company information.
+- **Special Thanks** to [**Ashish Pratap Singh**](https://github.com/ashishps1) for his collection of awesome repositories.
 
-Read the background about how I started working on this in [LC Which Company - A Company names retrieval extension](https://sites.google.com/view/iamavik/leetcode-which-company-a-company-names-retrieval-extension).
+Read the background about how I started working on this in [LC Which Company - A Company names retrieval extension](https://sites.google.com/view/iamavik/leetcode-which-company-a-company-names-retrieval-extension).
diff --git a/build-zip/CrackTech-v2.2.0-chrome.zip b/build-zip/CrackTech-v2.2.0-chrome.zip
diff --git a/chrome/about.html b/chrome/about.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>About Me</title>
+    <title>CrackTech - Tech Interview Preparation - About Me</title>
     <style>
         body {
             font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
@@ -119,8 +119,8 @@ <h1>Avik Sarkar</h1>
             <p>
                 My technical expertise includes test engineering, Bluetooth protocol development, and machine learning for software testing.
             </p>
-            <a href="https://topmate.io/aviksarkar/" class="more-profile-links" target="_blank">Get 1:1 Career Mentorship</a>
-            <a href="https://linktr.ee/avik_sarkar" class="more-profile-links" target="_blank">View My Extended Profile</a>
+            <a href="https://topmate.io/aviksarkar/" class="more-profile-links" target="_blank">Get 1:1 career mentorship</a>
+            <a href="https://linktr.ee/avik_sarkar" class="more-profile-links" target="_blank">View my extended profiles</a>
         </div>
 
         <!-- Divider Line -->
@@ -131,10 +131,10 @@ <h1>Avik Sarkar</h1>
             <a href="https://ibb.co/r7Xqsqm">
                 <img src="https://i.ibb.co/4m0CdC7/thanks.png" alt="thanks" border="0">
             </a>
-            <h2>Current Version: v2.1.0</h2>
+            <h2>Current version: v2.2.0</h2>
             <ul>
-                <li>Company-based problems filtering.</li>
-                <li>Tabbed layout.</li>
+                <li>Everyday system design, low level design, test engineering, behavioral blog/content recommendation</li>
+                <li>List of system design, low level design, test engineering, behavioral blog/contents.</li>
                 <li>About Me page.</li>
             </ul>
             <a href="https://github.com/ssavi-ict/LeetCode-Which-Company/blob/main/CHANGELOG.md" class="more-profile-links" target="_blank">Learn More</a>

diff --git a/chrome/index.html b/chrome/index.html
@@ -2,7 +2,7 @@
 <html lang="en">   
 <head>   
     <meta charset="utf-8">   
-    <title>CrackTech-LeetCode Company Tag, DSA Preparation</title>
+    <title>CrackTech - Tech Interview Preparation</title>
     <style>
 
     </style>
@@ -23,10 +23,10 @@
         <div class="intro-content-1" style="font-family: 'Segoe UI'; font-size: medium; text-align: center;">
             <h1>APPRECIATE</h1>
             Hello, Dear Leetcoder... <br>
-            Thank you for using <a href = "https://github.com/ssavi-ict/LC-Which-Company" target="_blank">CrackTech - Find LeetCode Company Tags</a> (<i>Previously LeetCode-Which-Company</i>). <br> 
+            Thank you for using <a href = "https://github.com/ssavi-ict/LC-Which-Company" target="_blank">CrackTech - Tech Interview Preparation</a> (<i>Previously CrackTech - Find LeetCode Company Tags</i>). <br> 
             <br>
             Please do consider sharing this free extension among your fellow LeetCoders. I feel it will be helpful for them as well.
-            To use <b>CrackTech - Find LeetCode Company Tags</b> (<i>Previously LeetCode-Which-Company</i>) please read the instructions - <a href="https://github.com/ssavi-ict/LC-Which-Company#readme" target="_blank">Here</a>.
+            To use <b>CrackTech - Tech Interview Preparation</b> (<i>Previously CrackTech - Find LeetCode Company Tags</i>) please read the instructions - <a href="https://github.com/ssavi-ict/LC-Which-Company#readme" target="_blank">Here</a>.
         </div>
         <hr>
         <div class="quick-access-panel">

diff --git a/chrome/leetcoder.html b/chrome/leetcoder.html
@@ -1,49 +1,23 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>CrackTech-LeetCode Company Tag, DSA Preparation</title>
+    <title>CrackTech - Tech Interview Preparation</title>
     <script type="text/javascript" src="script/Chart.min.js"></script>
     <style></style>
     <link rel="stylesheet" href="script/sde_sheet.style.css">
+    <link rel="stylesheet" href="script/tech_content.style.css">
 </head>
 <body>
     <div class="content-container" style="margin: 0 auto;">
         <div id="noticeListContainer"></div>
 		<div class="intro-content-1" style="font-family: 'Segoe UI'; font-size: medium; display: flex; margin-top: 15px;">
-            <div class="content-left-part" style="width: 50%; padding-right:2%;">
+            <div class="content-left-part" style="width: 100%; padding-right:2%; text-align: center;">
                 <h1 style="text-align: center;">WORK HARD, PREPARE HARDER</h1>
-                <p>Thank you for using <i>CrackTech-LeetCode Company Tag, DSA Preparation</i> extension.<br>
-                    This is a small effort to help you in your dream company specific preparation. Track your progress and prepare with famous SDE sheets.
+                <p>Thank you for using <i>CrackTech - Tech Interview Preparation</i> chrome extension.<br>
+                    This is a small effort to help you in your dream company specific preparation. Prepare with famous SDE sheets, Read and practice tech content daily, be enriched.
                     <br>
                     Do consider sharing this free extension among your fellow LeetCoders. I feel it will be helpful for them as well.
                 </p>
-            </div>
-            <div class="empty" style="border: 2px solid black;"></div>
-            <div class = "content-right-part" style="float: right; padding-left: 2%;">
-                <div class="header">
-                    <p style="font-size: 12px; font-weight: bold;">Don't Miss Upcoming Contest(s)</p>
-                    <div class="switch">
-                        <span class="switch-text">Get Notified: </span>
-                        <label class="notify-checkbox">
-                            <input type="checkbox" id="notificationCheckbox" checked>
-                            <span class="checkbox"></span>
-                        </label>
-                        <p>[&nbsp;</p><i><span id="switchStatus">Turned On</span></i><p> &nbsp;]</p>
-                    </div>
-                </div>
-                <table id="contestTable">
-                    <tr id = "ptable-tr">
-                        <th id = "ptable-td">Name</th>
-                        <th id = "ptable-td">Start Date</th>
-                        <th id = "ptable-td">Start Time</th>
-                        <th id = "ptable-td">Duration</th>
-                    </tr>
-                </table>
-                <table id="nbtable" style="margin: 0 auto;">
-                    <tr id = "ptable-tr">
-                        <td id = "ptable-td" style="border: none;"><i><b>** Note: Contest information will update around 8AM everyday.</b></i></td>
-                    </tr>
-                </table>
             </div>
 		</div>
         <hr>
@@ -134,6 +108,24 @@ <h3 style="text-align: center;">Completion Summary</h5>
                 </div>
             </div>
         </div>
+        <hr>
+        <div id="tech_main_wrapper">
+            <div id="tech_main_wrapper_header_text"">
+                <h3>One tech content every day, One step ahead on your way.</h3>
+            </div>
+
+            <div class="tech_container" id="tech_content_container">
+              <!-- Tech boxes will be inserted here -->
+            </div>
+
+            <!-- Modal -->
+            <div id="tech_popup_modal">
+              <div class="tech_modal_content">
+                <span class="tech_close" id="tech_close_btn">&times;</span>
+                <div id="tech_modal_body"></div>
+              </div>
+            </div>
+        </div>          
         <hr>
 		<div class="preparation-container" id="cracktech-preparation-container">
             <div class = "preparation-header-content">
@@ -202,8 +194,8 @@ <h1>CONTRIBUTIONS</h1>
         <br>
     </div>
 </body>
-<script type="text/javascript" src="script/helper.js"></script>
 <script type="text/javascript" src="script/analyze_profile.js"></script>
 <script type="text/javascript" src="script/sde_sheet_script.js"></script>
+<script type="text/javascript" src="script/tech_content_script.js"></script>
 <script type="text/javascript" src="script/notices.script.js"></script>
 </html>
diff --git a/chrome/manifest.json b/chrome/manifest.json
@@ -1,13 +1,13 @@
 {
-    "name": "CrackTech-LeetCode Company Tag, DSA Prep",
-    "version": "2.1.0",
+    "name": "CrackTech - Tech Interview Preparation",
+    "version": "2.2.0",
     "homepage_url":"https://github.com/ssavi-ict/LeetCode-Which-Company",
-    "description": "Extension that can help candidate to prepare for a Company specific DSA interview.",
+    "description": "A tool that can help candidate to prepare for a tech interview preparation.",
     "manifest_version": 3,
     "author": "Avik Sarkar",
     "action":{
         "default_popup": "popup.html",
-        "default_title": "CrackTech-LeetCode Company Tag, DSA Prep"
+        "default_title": "CrackTech - Tech Interview Preparation"
     },
     "icons": {
         "32": "res/32.png",
@@ -25,7 +25,7 @@
     "content_scripts": [
         {
           "matches": ["https://leetcode.com/"],
-          "js": ["script/analyze_profile.js", "script/sde_sheet_script.js", "script/tabsim.script.js"],
+          "js": ["script/analyze_profile.js", "script/sde_sheet_script.js", "script/tabsim.script.js", "script/tech_content_script.js"],
           "resources": ["ext_data/sheets.json"]
         }
     ]