From bc9cd5714598e4d59b06a2410899deb37f4c0fdb Mon Sep 17 00:00:00 2001
From: Mohit Rana <mohitr8998@gmail.com>
Date: Tue, 22 Oct 2024 08:45:17 -0400
Subject: [PATCH 1/6] updated navbar and footer section of the about page

---
 about.html | 43 +++++++++++++++++++++++++++++++++++--------
 1 file changed, 35 insertions(+), 8 deletions(-)

diff --git a/about.html b/about.html
index 8d6ae46..38bbf4e 100644
--- a/about.html
+++ b/about.html
@@ -414,22 +414,29 @@
       </script>
 
    <!-- Navbar -->
-   <nav class="navbar">
-    <img src="images/logo.png" alt="logo">
-    <h1>Resum Resume</h1>
     <nav class="navbar">
-        <div class="tabs-container"></div>
+        <img src="images/logo.png" alt="logo">
         <a class="tab" href="index.html">Home</a>
         <a class="tab" href="about.html">About</a>
         <a class="tab" href="resume.html">Build Resume</a>
         <a class="tab" href="resume_tips.html">Resume Tips</a>
         <a class="tab" href="signup.html">Sign Up</a>
         <a class="tab" href="login.html">Login</a>
-        <a class="tab" href="privacypolicy.html">Privacy Policy</a>
         </div>
     </nav>
-    
-</nav>
+    <!-- navbar styling -->
+    <style> 
+        .navbar{
+            padding-left: 7rem;
+            padding-right: 7rem;
+        }
+        .tab{
+            color: white;
+            font-size: 2rem;
+        }
+    </style>
+
+    <!-- main section  -->
     <div class="panel-1">
         <div class="about">
             <h1>About</h1>
@@ -524,7 +531,27 @@ <h3>Connect With Us</h3>
           <p>&copy; 2024 Resume Builder. All rights reserved.</p>
         </div>
       </footer>
-
+      <style>
+        .footer-section{
+            display: flex;
+            justify-content: left;
+            flex-direction: column;
+        }
+        .ul{
+            display: flex;
+            flex-direction: column;
+            justify-content: left;
+        }
+        li{
+            text-align: left;
+        }
+        .footer a{
+            color: white;
+        }
+        .footer p{
+            margin-top: 2rem;
+        }
+      </style>
     <script>
         const toggler = document.getElementById("toggler");
         const body = document.body;

From ad41f99b241123a03f6dfe4ea3dcccf3c74cb391 Mon Sep 17 00:00:00 2001
From: Mohit Rana <mohitr8998@gmail.com>
Date: Tue, 22 Oct 2024 08:53:31 -0400
Subject: [PATCH 2/6] download resume added

---
 Resume.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Resume.js b/Resume.js
index 482ea91..abc1859 100644
--- a/Resume.js
+++ b/Resume.js
@@ -293,7 +293,7 @@ document.getElementById('prev-step-3').addEventListener('click', function() {
     step3p.querySelector('.circle').textContent = '3';
     showStep(2);
 });
-
+// download resume freature added
 document.getElementById('download-resume').addEventListener('click', function() {
     // Select the resume element
     const resumeElement = document.getElementById('resume-display');

From 5a50ab4e9963b00e5475d9f8cb497e2304fbdf42 Mon Sep 17 00:00:00 2001
From: Mohit Rana <mohitr8998@gmail.com>
Date: Fri, 25 Oct 2024 12:23:04 -0400
Subject: [PATCH 3/6] Implement Character Limit and Counter for Resume Template
 Inputs

---
 Resume.css  |  26 +++++++++++++
 Resume.js   | 103 +++++++++++++++++++++++++++++++++++----------------
 resume.html |  24 ++++++++----
 resume2.js  | 104 +++++++++++++++++++++++++++++++++++++++++++++++++++-
 4 files changed, 217 insertions(+), 40 deletions(-)

diff --git a/Resume.css b/Resume.css
index b6df35c..ee3e2a8 100644
--- a/Resume.css
+++ b/Resume.css
@@ -148,6 +148,32 @@ body {
 #languages-input{
     width: 40%;
 }
+#pinfodesc{
+    display: flex;
+    justify-content: right;
+}
+#expdesc{
+    display: flex;
+    justify-content: right;
+}
+#achivedesc{
+    display: flex;
+    justify-content: right;
+}
+#projdesc{
+    display: flex;
+    justify-content: right;
+}
+#limitwarning{
+    width: 90%;
+    font-size: 1.15rem;
+    color: red;
+    align-self: center;
+    text-align: center;
+}
+#dummy1{
+    opacity: 50%;
+}
 h2, h3 {
     color: #333;
 }
diff --git a/Resume.js b/Resume.js
index 78ce784..b7e49a3 100644
--- a/Resume.js
+++ b/Resume.js
@@ -43,25 +43,44 @@ document.getElementById('add-experience').addEventListener('click', function() {
     newExperience.classList.add('experience-entry');
     newExperience.innerHTML = `
     <div class="expLeft">
-        <label>Job Position:</label>
-        <input type="text" placeholder="Enter job position">
-
-        <label>Company Name:</label>
-        <input type="text" placeholder="Enter company name">
-
-        <label>Start Year:</label>
-        <input type="text" placeholder="Start Year">
-
-        <label>End Year:</label>
-        <input type="text" placeholder="End Year">
-    </div>
-    <div class="expRight">
-        <label>Description:</label>
-        <textarea id="expdes" placeholder="Describe your job experience"></textarea>
-    </div>
+                        <label>Job Position:</label>
+                        <input type="text" placeholder="Enter job position">
+
+                        <label>Company Name:</label>
+                        <input type="text" placeholder="Enter company name">
+
+                        <label>Start Year:</label>
+                        <input type="text" placeholder="Start Year">
+
+                        <label>End Year:</label>
+                        <input type="text" placeholder="End Year">
+                    </div>
+                    <div class="expRight">
+                        <label>Description:</label>
+                        <textarea id="expdes" placeholder="Describe your job experience"></textarea>
+                        <p id="expdesc"></p>
+                    </div>
     `;
     experienceFields.appendChild(newExperience);
 });
+// Dynamically adding more Achivements sections
+document.getElementById('add-achivement').addEventListener('click', function() {
+    const achiveFields = document.querySelector('.achive');
+    const newAchive = document.createElement('div');
+    newAchive.classList.add('achive-entry');
+    newAchive.innerHTML = `
+    <div class="achiveLeft">
+                        <label>Heading:</label>
+                        <input type="text" placeholder="e.g., Best Employee of the Year">
+                    </div>
+                    <div class="achiveRight">
+                        <label>Description:</label>
+                        <textarea id="achivedes" placeholder="Describe your achievement or certification"></textarea>
+                        <p id="achivedesc"></p>
+                    </div>
+    `;
+    achiveFields.appendChild(newAchive);
+});
 
 // Dynamically adding more Projects
 document.getElementById('add-project').addEventListener('click', function() {
@@ -70,19 +89,20 @@ document.getElementById('add-project').addEventListener('click', function() {
     newProject.classList.add('project-entry');
     newProject.innerHTML = `
     <div class="projectLeft">
-        <label>Project Title:</label>
-        <input type="text" placeholder="Enter project title">
-
-        <label>Role/Responsibilities:</label>
-        <textarea placeholder="Describe your role"></textarea>
-
-        <label>Link (Optional):</label>
-        <input type="url" placeholder="Enter project link">
-    </div>
-    <div class="projectRight">
-        <label>Description:</label>
-        <textarea id="projectdesc" placeholder="Describe the project"></textarea>
-    </div>
+                        <label>Project Title:</label>
+                        <input type="text" placeholder="Enter project title">
+
+                        <label>Role/Responsibilities:</label>
+                        <textarea placeholder="Describe your role"></textarea>
+
+                        <label>Link (Optional):</label>
+                        <input type="url" placeholder="Enter project link">
+                    </div>
+                    <div class="projectRight">
+                        <label>Description:</label>
+                        <textarea id="projectdesc" placeholder="Describe the project"></textarea>
+                        <p id="projdesc"></p>
+                    </div>
     `;
     projectFields.appendChild(newProject);
 });
@@ -181,9 +201,10 @@ document.getElementById('next-step-2').addEventListener('click', function() {
     const educationEntries = collectEducationData();
     const experienceEntries = collectExperienceData();
     const projectEntries = collectProjectData();
+    const achiveEntries = collectAchiveData();
 
     // Generate resume HTML based on the selected template
-    const resumeContent = generateResumeHTML(name, profile, email, contact, location, educationEntries, experienceEntries, projectEntries, selectedTemplate);
+    const resumeContent = generateResumeHTML(name, profile, email, contact, location, educationEntries, experienceEntries, projectEntries, achiveEntries, selectedTemplate);
     
     document.getElementById('resume-display').innerHTML = resumeContent;
     step2p.querySelector('.circle').textContent = '✓';
@@ -202,6 +223,7 @@ function collectResumeData() {
     const education = collectEducationData();
     const experience = collectExperienceData();
     const projects = collectProjectData();
+    const achive = collectAchiveData();
     
     return {
         name,
@@ -212,11 +234,12 @@ function collectResumeData() {
         education,
         experience,
         projects,
+        achive,
         template: selectedTemplate
     };
 }
 
-// Functions to collect education, experience, and project data
+// Functions to collect education, experience, project and achievement data
 function collectEducationData() {
     return Array.from(document.querySelectorAll('.education-entry')).map(entry => ({
         institute: entry.querySelector('input[placeholder="Enter institute name"]').value,
@@ -246,8 +269,15 @@ function collectProjectData() {
     }));
 }
 
+function collectAchiveData() {
+    return Array.from(document.querySelectorAll('.achive-entry')).map(entry => ({
+        title: entry.querySelector('input[placeholder="e.g., Best Employee of the Year"]').value,
+        description: entry.querySelector('textarea[placeholder="Describe your achievement or certification"]').value,
+    }));
+}
+
 // Function to generate resume HTML based on selected template
-function generateResumeHTML(name, profile, email, contact, location, educationEntries, experienceEntries, projectEntries, template) {
+function generateResumeHTML(name, profile, email, contact, location, educationEntries, experienceEntries, projectEntries, achiveEntries, template) {
     let educationHTML = educationEntries.map(edu => `
         <div>
             <strong>${edu.institute}</strong> (${edu.startYear} - ${edu.endYear})<br>
@@ -272,6 +302,13 @@ function generateResumeHTML(name, profile, email, contact, location, educationEn
         </div>
     `).join('');
 
+    let achiveHTML = achiveEntries.map(achi=>`
+    <div>
+        <strong>${achi.title}</strong><br>
+        <p>${achi.description}</p>
+    </div>
+    `).join('');
+
     return `
         <h1>${name}</h1>
         <p>${profile}</p>
@@ -282,6 +319,8 @@ function generateResumeHTML(name, profile, email, contact, location, educationEn
         ${experienceHTML}
         <h2>Projects</h2>
         ${projectHTML}
+        <h2>Achivements and Certifications</h2>
+        ${achiveHTML}
     `;
 }
 
diff --git a/resume.html b/resume.html
index cca2654..fde92ae 100644
--- a/resume.html
+++ b/resume.html
@@ -84,6 +84,7 @@ <h3>Personal Information <i id="caret1" class="fa-solid fa-caret-down"></i></h3>
                 <div class="pInfoRight">
                     <label>Profile:</label>
                     <textarea id="profile" placeholder="Write about yourself"></textarea>
+                    <p id="pinfodesc">0/150</p>
                 </div>
             </div>
         </div>
@@ -140,6 +141,7 @@ <h3>Experience <i id="caret4" class="fa-solid fa-caret-down"></i></h3>
                     <div class="expRight">
                         <label>Description:</label>
                         <textarea id="expdes" placeholder="Describe your job experience"></textarea>
+                        <p id="expdesc"></p>
                     </div>
                 </div>
             </div>
@@ -150,17 +152,22 @@ <h3>Experience <i id="caret4" class="fa-solid fa-caret-down"></i></h3>
         <div class="section" id="achievements">
             <h3>Achievements and Certifications <i id="caret5" class="fa-solid fa-caret-down"></i></h3>
             <div class="achive">
-                <div class="achiveLeft">
-                    <label>Heading:</label>
-                    <input type="text" placeholder="e.g., 'Best Employee of the Year'">
-                </div>
-                <div class="achiveRight">
-                    <label>Description:</label>
-                    <textarea placeholder="Describe your achievement or certification"></textarea>
+                <div class="achive-entry">
+                    <div class="achiveLeft">
+                        <label>Heading:</label>
+                        <input type="text" placeholder="e.g., Best Employee of the Year">
+                    </div>
+                    <div class="achiveRight">
+                        <label>Description:</label>
+                        <textarea id="achivedes" placeholder="Describe your achievement or certification"></textarea>
+                        <p id="achivedesc"></p>
+                    </div>
                 </div>
             </div>
+            <button type="button" id="add-achivement">Add Another Achievement</button> 
         </div>
 
+
         <!-- Projects (Optional) -->
         <div class="section" id="projects">
             <h3>Projects (Optional) <i id="caret6" class="fa-solid fa-caret-down"></i></h3>
@@ -179,6 +186,7 @@ <h3>Projects (Optional) <i id="caret6" class="fa-solid fa-caret-down"></i></h3>
                     <div class="projectRight">
                         <label>Description:</label>
                         <textarea id="projectdesc" placeholder="Describe the project"></textarea>
+                        <p id="projdesc"></p>
                     </div>
                 </div>
             </div>
@@ -194,7 +202,9 @@ <h3>Languages (Optional) <i id="caret7" class="fa-solid fa-caret-down"></i></h3>
 
         <!-- Buttons -->
         <div class="buttons step1btns">
+            <p id="limitwarning"><strong>Warning:</strong> Your description is over the character limit. Please modify it before moving to the next step.</p>
             <button type="button" id="next-step" onclick="proceedToNextStep(2)">Next Step</button>
+            <button type="button" id="dummy1" >Next Step</button>
         </div>
     </div>
 
diff --git a/resume2.js b/resume2.js
index c50440a..f140cf4 100644
--- a/resume2.js
+++ b/resume2.js
@@ -23,7 +23,9 @@ const expbtn = document.querySelector('#add-experience');
 expfield.style.display = 'none';
 expbtn.style.display = 'none';
 const achive = document.querySelector('.achive');
+const achivebtm = document.querySelector('#add-achivement');
 achive.style.display = 'none';
+achivebtm.style.display = 'none';
 const projfield = document.querySelector('#project-fields');
 const projbtn = document.querySelector('#add-project');
 projfield.style.display = 'none';
@@ -82,10 +84,12 @@ caret4.addEventListener('click',()=>{
 caret5.addEventListener('click',()=>{
     if(achive.style.display === 'none'){
         achive.style.display = '';
+        achivebtm.style.display = '';
         caret5.style.transform = 'rotate(180deg)';
     }
     else{
         achive.style.display = 'none';
+        achivebtm.style.display = 'none';
         caret5.style.transform = 'rotate(0)';
     }
 })
@@ -112,4 +116,102 @@ caret7.addEventListener('click',()=>{
         lnginput.style.display = 'none';
         caret7.style.transform = 'rotate(0)';
     }
-})
\ No newline at end of file
+})
+
+let exed1 = 0;
+let exed2 = 0;
+let exed3 = 0;
+let exed4 = 0;
+
+const limit = 300;  // Maximum character limit
+const myprofiledesc = document.querySelector('#profile'); 
+const myprofilecount = document.querySelector('#pinfodesc'); 
+myprofilecount.textContent = "0/" + limit; // Initialize character count for profile
+
+myprofiledesc.addEventListener('input', () => {
+    const textlength = myprofiledesc.value.length;
+    myprofilecount.textContent = textlength + "/" + limit;
+
+    if (textlength > limit) {
+        myprofilecount.style.color = 'red';
+        exed1 = 1;
+    } else {
+        myprofilecount.style.color = ''; // Optional: Set back to default color
+        exed1 = 0;
+    }
+    updateWarningDisplay();
+});
+
+const myexpdesc = document.querySelector('#expdes'); 
+const myexpcount = document.querySelector('#expdesc'); 
+myexpcount.textContent = "0/" + limit; // Initialize character count for experience
+
+myexpdesc.addEventListener('input', () => {
+    const textlength = myexpdesc.value.length;
+    myexpcount.textContent = textlength + "/" + limit;
+
+    if (textlength > limit) {
+        myexpcount.style.color = 'red';
+        exed2 = 1;
+    } else {
+        myexpcount.style.color = ''; // Optional: Set back to default color
+        exed2 = 0;
+    }
+    updateWarningDisplay();
+});
+
+const myachivedesc = document.querySelector('#achivedes'); 
+const myachivecount = document.querySelector('#achivedesc'); 
+myachivecount.textContent = "0/" + limit; // Initialize character count for achievements
+
+myachivedesc.addEventListener('input', () => {
+    const textlength = myachivedesc.value.length;
+    myachivecount.textContent = textlength + "/" + limit;
+
+    if (textlength > limit) {
+        myachivecount.style.color = 'red';
+        exed3 = 1;
+    } else {
+        myachivecount.style.color = ''; // Optional: Set back to default color
+        exed3 = 0;
+    }
+    updateWarningDisplay();
+});
+
+const myprojdesc = document.querySelector('#projectdesc'); 
+const myprojcount = document.querySelector('#projdesc'); 
+myprojcount.textContent = "0/" + limit; // Initialize character count for projects
+
+myprojdesc.addEventListener('input', () => {
+    const textlength = myprojdesc.value.length;
+    myprojcount.textContent = textlength + "/" + limit;
+
+    if (textlength > limit) {
+        myprojcount.style.color = 'red';
+        exed4 = 1;
+    } else {
+        myprojcount.style.color = ''; // Optional: Set back to default color
+        exed4 = 0;
+    }
+    updateWarningDisplay();
+});
+
+// Function to update the warning button and message display
+const dummybtn = document.querySelector('#dummy1');
+const realbtn = document.querySelector('#next-step');
+const charwarning = document.querySelector('#limitwarning');
+realbtn.style.display = 'block';
+dummybtn.style.display = 'none';
+charwarning.style.display = 'none';
+
+function updateWarningDisplay() {
+    if (exed1 === 1 || exed2 === 1 || exed3 === 1 || exed4 === 1) {
+        dummybtn.style.display = 'block';
+        charwarning.style.display = 'block';
+        realbtn.style.display = 'none';
+    } else {
+        dummybtn.style.display = 'none';
+        charwarning.style.display = 'none';
+        realbtn.style.display = 'block';
+    }
+}

From d787ca63bb32d7d5962653fd259170b63d2ddc7b Mon Sep 17 00:00:00 2001
From: Khushi Joshi <146544714+khushi-joshi-05@users.noreply.github.com>
Date: Sat, 26 Oct 2024 17:26:16 +0530
Subject: [PATCH 4/6] Update index.html

---
 index.html | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index b888a2b..347e902 100644
--- a/index.html
+++ b/index.html
@@ -977,7 +977,9 @@ <h3>Emily Johnson</h3>
 
     <!-- Footer -->
     <footer class="footer">
-        <div class="footer-content">
+
+
+	    <div class="footer-content">
             <div class="footer-section">
                 <h3>About Us</h3>
                 <ul>
@@ -1005,12 +1007,13 @@ <h3>Support</h3>
             <div class="footer-section">
                 <h3>Connect With Us</h3>
                 <div class="social-icons">
-                    <a href="#"><i class="fab fa-facebook-f"></i></a>
-                    <a href="#"><i class="fab fa-twitter"></i></a>
-                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
-                    <a href="#"><i class="fab fa-instagram"></i></a>
+                    <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
+                    <a href="https://x.com/?lang=en"><i class="fab fa-twitter"></i></a>
+                    <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
+                    <a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
                 </div>
             </div>
+	    
         </div>
         <div class="footer-bottom">
             <p>&copy; 2024 Resume Builder. All rights reserved.</p>

From d4f486d6e78d44cf8d5a35e4fe2eaba6463f32f9 Mon Sep 17 00:00:00 2001
From: Khushi Joshi <146544714+khushi-joshi-05@users.noreply.github.com>
Date: Sat, 26 Oct 2024 17:43:02 +0530
Subject: [PATCH 5/6] Update readme.md

---
 readme.md | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/readme.md b/readme.md
index edf6b11..d0f561b 100644
--- a/readme.md
+++ b/readme.md
@@ -91,7 +91,36 @@ The website consists of the following key sections:
 ├── styles.css          # Custom CSS styles (inlined in HTML)
 ```
 
+### Developer Setup 🛠️
+For developers who want to contribute:
+
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/your-username/linkedin-resume-builder.git
+   cd linkedin-resume-builder
+   ```
+2. Install necessary dependencies (if using Node.js, Python, etc.).
+
+3. Run the development server:
+   ```bash
+   npm start   # Or appropriate command
+   ```
+
 ---
+### Developer Setup 🛠️
+For developers who want to contribute:
+
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/your-username/linkedin-resume-builder.git
+   cd linkedin-resume-builder
+   ```
+2. Install necessary dependencies (if using Node.js, Python, etc.).
+
+3. Run the development server:
+   ```bash
+   npm start   # Or appropriate command
+   ```
 
 ## Usage 📄
 

From 3fc598fa52c0b5691c3e78895029d69fb544ae5e Mon Sep 17 00:00:00 2001
From: Khushi Joshi <146544714+khushi-joshi-05@users.noreply.github.com>
Date: Sat, 26 Oct 2024 18:27:39 +0530
Subject: [PATCH 6/6] Update readme.md

---
 readme.md | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/readme.md b/readme.md
index d0f561b..5b6c1b6 100644
--- a/readme.md
+++ b/readme.md
@@ -107,20 +107,15 @@ For developers who want to contribute:
    ```
 
 ---
-### Developer Setup 🛠️
-For developers who want to contribute:
+### Contributing 🤝
+Contributions are welcome! Here’s how to get started:
 
-1. Clone the repository:
-   ```bash
-   git clone https://github.com/your-username/linkedin-resume-builder.git
-   cd linkedin-resume-builder
-   ```
-2. Install necessary dependencies (if using Node.js, Python, etc.).
+1. Fork the repository.
+2. Create a new branch: `git checkout -b feature/your-feature-name`.
+3. Make your changes and commit them.
+4. Push to the branch: `git push origin feature/your-feature-name`.
+5. Open a pull request with a detailed description.
 
-3. Run the development server:
-   ```bash
-   npm start   # Or appropriate command
-   ```
 
 ## Usage 📄