diff --git a/RateMyResume.css b/RateMyResume.css new file mode 100644 index 0000000..6695b5c --- /dev/null +++ b/RateMyResume.css @@ -0,0 +1,246 @@ +body{ + background: linear-gradient(135deg, #dedfe0, #e7ebf0); +} +.icons{ + display: flex; + align-items: center; +} +.icons i{ + margin-left: 1.5rem; +} +.icons p{ + display: inline; + color: white; + font-size: 2.3rem; + margin-left: 1rem; + line-height: 2.3rem; +} +.hero-section { + padding: 60px 20px; + text-align: center; + width: 100vw; + height: 70vh; + position: relative; +} + +.hero-content { + width: 70%; + margin: 0 auto; +} + +.hero-content h1 { + font-size: 4rem; + color: #333; + margin-bottom: 15px; +} + +.hero-content p { + font-size: 1.2em; + color: #555; + margin-bottom: 25px; + line-height: 1.6; +} + +.features-list { + list-style: none; + padding: 0; + font-size: 1.1em; + color: #333; + margin-bottom: 30px; +} + +.features-list li { + margin: 10px 0; +} +.fa-coins{ + font-size: 2rem; + color: rgb(246, 180, 0); +} +.hero-content p{ + font: 2.5rem; + font-weight: 500; + line-height: 3rem; +} +.hero-content ul li{ + font: 2.5rem; +} +.panel1{ + width: 100%; + height: auto; + position: relative; + display: flex; + justify-content: center; +} +.ratingBox{ + width: 90%; + position: relative; + border-radius: 3rem; + border: 2px solid white; +} +.ratingHead{ + width: 100%; + height: 5rem; + display: flex; + position: relative; +} +.myrating{ + width: 50%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + background-color: gray; + border-radius: 3rem 0 0 0; + border-right: 1px solid white; + border-bottom: 2px solid white; + cursor: pointer; +} +.ratingboardhead{ + width: 50%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + background-color: blue; + border-radius: 0 3rem 0 0; + border-left: 1px solid white; + border-bottom: 2px solid white; + cursor: pointer; +} +.ratingHead h1{ + color: white; +} +.rating{ + width: 100%; + min-height: 50vh; + padding: 3rem; + border-radius: 0 0 3rem 3rem; + display: flex; + justify-content: center; + align-items: center; +} +.ratingboard{ + width: 100%; + min-height: 50vh; + padding: 3rem; + position: relative; + display: flex; + gap: 2rem; + justify-content: space-evenly; +} +.card{ + width: 30%; + height: auto; + background-color: #003d4d; + border-radius: 2rem; + padding: 0 2rem; + position: relative; + color: white; + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: center; +} +.card img{ + width: 100%; + height: 50%; + object-fit: cover; + object-position: top; + border-radius: 2rem; +} +.card .personinfo{ + text-align: center; + display: flex; + flex-direction: column; + gap: 10px; +} +.card h2{ + font-size: 1.7rem; + font-weight: 700; +} +.card h3{ + font: 1.3rem; + font-weight: 400; +} +.card .star-rating{ + display: flex; + justify-content: space-evenly; + align-items: center; + width: 100%; +} +.card .star-rating i{ + font-size: 2.5rem; + color: rgb(236, 236, 236); +} +.submitbtn{ + background-color: blue; + padding: 0.8rem 1.5rem; + border-radius: 1rem; + font-size: 1.3rem; + font-weight: 600; + border: 2px solid white; + cursor: pointer; + &:hover{ + background-color: rgb(0, 0, 198); + } +} +form { + background-color: #003d4d; + padding: 20px; + border-radius: 8px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); + width: 50%; + display: flex; + flex-direction: column; + align-items: center; +} +form h2 { + font-size: 1.7rem; + text-align: center; + color: white; +} +.form-group { + margin-bottom: 15px; + width: 100%; +} +label { + display: block; + margin-bottom: 5px; + color: white; + font-size: 1.3rem; +} +input[type="text"], +input[type="file"] { + width: 100%; + padding: 8px; + border: 1px solid white; + border-radius: 4px; + box-sizing: border-box; + color: white; + background-color: transparent; +} +button { + width: 40%; + padding: 10px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; +} +button:hover { + background-color: #45a049; +} +.download-button { + padding: 5px 10px; + background-color: #4CAF50; + color: white; + text-decoration: none; + border-radius: 4px; + font-size: 16px; + cursor: pointer; +} +.download-button:hover { + background-color: #37913b; +} \ No newline at end of file diff --git a/RateMyResume.html b/RateMyResume.html new file mode 100644 index 0000000..9562cbc --- /dev/null +++ b/RateMyResume.html @@ -0,0 +1,206 @@ + + + + + + Build Resume + + + + + + +
+ + + + +
+ + + +

+
+
+ + + + +
+
+

Welcome to RateMyResume!

+

Share your resume to get constructive feedback and ratings, or help others improve by rating their resumes. Earn SkillCoins (in-app currency) as you rate others, and unlock premium features to enhance your own resume.

+ +

SkillCoins: Rate others' resumes to earn SkillCoins, and use them to unlock premium features like advanced templates and personalized keyword suggestions!

+
+
+ + + +
+
+
+
+

My Rating

+
+
+

Rating Board

+
+
+
+
+ +
+
+

Upload Your Resume

+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+ +
+

Olivia Wilson

+

Graphic Designer

+
+ Download & View +
+
+
+
+
+
+
+
+ Submit +
+
+
+ +
+

Richard Sanchez

+

Marketing Manager

+
+ Download & View +
+
+
+
+
+
+
+
+ Submit +
+
+
+ +
+

Raj Patel

+

Software Engineer

+
+ Download & View +
+
+
+
+
+
+
+
+ Submit +
+
+
+
+
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/RateMyResume.js b/RateMyResume.js new file mode 100644 index 0000000..0ccbaf0 --- /dev/null +++ b/RateMyResume.js @@ -0,0 +1,80 @@ +document.getElementById('resumeForm').addEventListener('submit', function(event) { + event.preventDefault(); // Prevents form submission to a backend + + const username = document.getElementById('username').value; + const jobRole = document.getElementById('jobRole').value; + const resume = document.getElementById('resume').files[0]; + + if (resume) { + alert(`Your resume has been successfully uploaded and will appear on the Rating Board within 8 hours. Thank you!\nUsername: ${username}\nJob Role: ${jobRole}\nResume: ${resume.name}`); + } else { + alert('Please select a PDF file.'); + } +}); + +const myratinghead = document.querySelector('.myrating'); +const ratingboardhead = document.querySelector('.ratingboardhead'); +const rating = document.querySelector('.rating'); +const ratingboard = document.querySelector('.ratingboard'); +ratingboard.style.display = 'none'; + +ratingboardhead.addEventListener('click',()=>{ + rating.style.display = 'none'; + ratingboard.style.display = ''; + ratingboardhead.style.backgroundColor = 'gray'; + myratinghead.style.backgroundColor = 'blue'; +}) + +myratinghead.addEventListener('click',()=>{ + rating.style.display = ''; + ratingboard.style.display = 'none'; + myratinghead.style.backgroundColor = 'gray'; + ratingboardhead.style.backgroundColor = 'blue'; +}) + +// JavaScript to handle star rating functionality +const cards = document.querySelectorAll('.card'); +cards.forEach(card => { + const stars = card.querySelectorAll('.star'); + let numstar = 0; + + // Loop through each star and add event listeners + stars.forEach(star => { + star.addEventListener('click', () => { + // Set the rating based on the data-rating attribute + numstar = parseInt(star.getAttribute('data-rating')); + + // Update star icons based on the selected rating + stars.forEach((s, index) => { + const starIcon = s.querySelector('i'); + if (index < numstar) { + starIcon.classList.remove('fa-regular'); // Remove empty star + starIcon.classList.add('fa-solid'); // Add filled star + } else { + starIcon.classList.remove('fa-solid'); // Remove filled star + starIcon.classList.add('fa-regular'); // Add empty star + } + }); + }); + }); +}); + +let skillcoins = 0; +const coinsdata = document.querySelector('#SkillCoins'); + +const updateCoins = () => { + coinsdata.textContent = skillcoins; +}; +updateCoins(); + +const submitButtons = document.querySelectorAll('.submitbtn'); +submitButtons.forEach(button => { + button.addEventListener('click', () => { + if(button.disabled != true){ + skillcoins += 5; + updateCoins(); + button.disabled = true; // Disable the button after it’s clicked + } + }); +}); + diff --git a/RateMyResumeData/mohitresume.pdf b/RateMyResumeData/mohitresume.pdf new file mode 100644 index 0000000..be3bb4b Binary files /dev/null and b/RateMyResumeData/mohitresume.pdf differ diff --git a/Resume.css b/Resume.css index df2ffab..3b3fd82 100644 --- a/Resume.css +++ b/Resume.css @@ -4,14 +4,117 @@ body { margin: 0; padding: 20px; } - +/* hero section */ +.herosection{ + height: 100vh; + width: 100%; + background-image: url(images/hero.jpg); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + margin-bottom: 5rem; + position: relative; +} +.herocontent{ + height: 50%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + text-align: center; + gap: 2rem; +} +.herocontent h1{ + width: 60%; + font-size: 5rem; + font-weight: 800; + color: white; +} +.herocontent p{ + width: 60%; + font-size: 2rem; + font-weight: 400; + color: white; +} +.herostep{ + height: 10%; + display: flex; + justify-content: space-evenly; + align-items: center; +} +.heros{ + background-color: #5cb85c; + display: flex; + justify-content: center; + align-items: center; + border-radius: 2rem; + padding: 1.5rem 1.5rem; +} +.herostep h2{ + font-size: 2rem; + font-weight: 500; + color: white; + line-height: 2rem; + margin: 0; + line-height: 2.5rem; +} +.herostep i{ + font-size: 3rem; + margin-right: 1rem; + color: white; +} +.herobtn{ + display: flex; + height: 40%; + justify-content: center; + align-items: center; + gap: 2.5rem; + text-align: center; +} +.herobtn .button{ + background-color: blue; + font-size: 1.5rem; + font-weight: 600; + border-radius: 3rem; + padding: 1.5rem; + color: white; + border: 2px solid white; + cursor: pointer; +} +.herobtn .button:hover{ + scale: 105%; +} +.herobtn #manulbtn{ + background-color: rgb(74, 74, 74); +} +.panel1{ + position: relative; +} +.panel2{ + height: 100vh; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 3rem; +} +.panel2 h1{ + font-size: 4rem; +} +.panel2 p{ + font-size: 2rem; +} /* progress bar section css */ .progressSec{ + height: 15rem; width: 100%; position: relative; display: flex; justify-content: center; margin-bottom: 5rem; + background-color: rgba(137, 137, 137, 0.25); } .progress-bar { width: 70%; @@ -367,4 +470,16 @@ button { #download-resume { background-color: #5cb85c; /* Bootstrap success color */ color: white; -} \ No newline at end of file + +} +.ui-autocomplete { + max-height: 150px; + overflow-y: auto; + overflow-x: hidden; + border: 1px solid #ddd; + background-color: #fff; + } + + + + diff --git a/images/hero.jpg b/images/hero.jpg new file mode 100644 index 0000000..095c2c9 Binary files /dev/null and b/images/hero.jpg differ diff --git a/resume.html b/resume.html index 26fe518..6acec7f 100644 --- a/resume.html +++ b/resume.html @@ -23,6 +23,8 @@ Home About Build Resume + RateMyResume + @@ -95,7 +97,6 @@ header { position: relative; - margin-bottom: 5rem; } footer { @@ -104,6 +105,37 @@ + +
+
+

Build Your Perfect Resume in Just 3 Simple Steps!

+

Effortlessly create a professional resume that stands out!

+
+
+
+ +

Fill Your Info /
Upload LinkedIn Profile

+
+ +
+ +

Choose Your Template

+
+ +
+ +

Review and Download

+
+
+
+
Build Resume Manually
+
Build Resume Automatically
+
+
+ + +
+
@@ -158,10 +190,10 @@

Education

- + - + @@ -190,7 +222,7 @@

Experience

- + @@ -299,6 +331,14 @@

Select a Resume Template

+
+

This feature is Currently in Working.

+

Till then you can use our Manual feature.

+
@@ -350,6 +395,12 @@

Connect With Us

+ + + + + + diff --git a/resume2.js b/resume2.js index f140cf4..c7ee25c 100644 --- a/resume2.js +++ b/resume2.js @@ -15,7 +15,7 @@ const edubtn = document.querySelector('#add-education'); education.style.display = 'none'; edubtn.style.display = 'none'; const slabel = document.querySelector('#skill-label') -const sinput = document.querySelector('#skills-input') +const sinput = document.querySelector('#skillsinput') slabel.style.display = 'none'; sinput.style.display = 'none'; const expfield = document.querySelector('#experience-fields'); @@ -215,3 +215,126 @@ function updateWarningDisplay() { realbtn.style.display = 'block'; } } + +const panel1 = document.querySelector('.panel1'); +const panel2 = document.querySelector('.panel2'); +const autobtn = document.querySelector('#autobtn'); +const manualbtn = document.querySelector('#manulbtn'); +panel2.style.display = 'none'; + +autobtn.addEventListener('click',()=>{ + panel1.style.display = 'none'; + panel2.style.display = ''; + autobtn.style.backgroundColor = 'rgb(74, 74, 74)'; + manualbtn.style.backgroundColor = 'blue'; +}) + +manualbtn.addEventListener('click',()=>{ + panel1.style.display = ''; + panel2.style.display = 'none'; + autobtn.style.backgroundColor = 'blue'; + manualbtn.style.backgroundColor = 'rgb(74, 74, 74)'; +}) + +$(document).ready(function () { + //cities of india + const cities = [ + "Mumbai", "Delhi", "Bangalore", "Hyderabad", "Ahmedabad", + "Chennai", "Kolkata", "Surat", "Pune", "Jaipur", + "Lucknow", "Kanpur", "Nagpur", "Indore", "Thane", + "Bhopal", "Visakhapatnam", "Pimpri-Chinchwad", "Patna", "Vadodara", + "Ghaziabad", "Ludhiana", "Agra", "Nashik", "Faridabad", + "Meerut", "Rajkot", "Kalyan-Dombivli", "Vasai-Virar", "Varanasi", + "Srinagar", "Aurangabad", "Dhanbad", "Amritsar", "Navi Mumbai", + "Allahabad", "Howrah", "Ranchi", "Gwalior", "Jabalpur", + "Coimbatore", "Vijayawada", "Jodhpur", "Madurai", "Raipur", + "Kota", "Guwahati", "Chandigarh", "Solapur", "Hubli-Dharwad", + "Bareilly", "Moradabad", "Mysore", "Gurgaon", "Aligarh","Dehradun" + ]; + + //some Popular institutes + const collegesAndUniversities = [ + "Indian Institute of Technology (IIT) Bombay", + "Indian Institute of Technology (IIT) Delhi", + "Indian Institute of Technology (IIT) Madras", + "Indian Institute of Science (IISc) Bangalore", + "All India Institute of Medical Sciences (AIIMS) New Delhi", + "Jawaharlal Nehru University (JNU) Delhi", + "University of Delhi (DU)", + "Banaras Hindu University (BHU) Varanasi", + "National Institute of Technology (NIT) Trichy", + "Indian Institute of Technology (IIT) Kanpur", + "Birla Institute of Technology and Science (BITS) Pilani", + "University of Calcutta", + "University of Mumbai", + "Savitribai Phule Pune University", + "Aligarh Muslim University (AMU)", + "University of Hyderabad", + "Anna University Chennai", + "Vellore Institute of Technology (VIT)", + "National Institute of Technology (NIT) Karnataka", + "Indian Statistical Institute (ISI) Kolkata", + "Jadavpur University", + "Manipal Academy of Higher Education", + "Amity University", + "Symbiosis International University Pune", + "Lovely Professional University (LPU)", + "Christ University Bangalore", + "Shiv Nadar University", + "Indian Institute of Management (IIM) Ahmedabad", + "Indian Institute of Foreign Trade (IIFT)", + "Tata Institute of Social Sciences (TISS) Mumbai", + "Panjab University", + "University of Rajasthan", + "Osmania University", + "SRM Institute of Science and Technology", + "Indian Institute of Technology (IIT) Kharagpur", + "Indian Institute of Technology (IIT) Roorkee", + "National Law School of India University (NLSIU) Bangalore", + "Guru Gobind Singh Indraprastha University", + "Chandigarh University", + "Kalinga Institute of Industrial Technology (KIIT) Bhubaneswar", + "Nirma University Ahmedabad", + "Jamia Millia Islamia (JMI) Delhi", + "National Institute of Fashion Technology (NIFT) Delhi", + "Narsee Monjee Institute of Management Studies (NMIMS)", + "Indian Institute of Technology (IIT) Guwahati", + "Institute of Chemical Technology (ICT) Mumbai", + "National Institute of Design (NID) Ahmedabad", + "Delhi Technological University (DTU)", + "Presidency University Kolkata", + "Punjab Engineering College (PEC) Chandigarh", + "Graphic Era Univesity (GEU)" + ]; + //courses list + const courses = [ + "Bachelor of Technology (B.Tech)", "Bachelor of Engineering (B.E.)", "Bachelor of Computer Applications (BCA)", "Bachelor of Medicine, Bachelor of Surgery (MBBS)", "Bachelor of Dental Surgery (BDS)", "Bachelor of Ayurvedic Medicine and Surgery (BAMS)", "Bachelor of Science in Nursing (B.Sc Nursing)", "Bachelor of Pharmacy (B.Pharm)", "Bachelor of Arts (BA)", "Bachelor of Fine Arts (BFA)", "Bachelor of Social Work (BSW)", "Bachelor of Commerce (B.Com)", "Bachelor of Business Administration (BBA)","Bachelor of Management Studies (BMS)", "Bachelor of Science (B.Sc)", "Bachelor of Science in Agriculture (B.Sc Agri)", "Bachelor of Environmental Science", "Bachelor of Laws (LLB)", "BA LLB", "BBA LLB", "Bachelor of Architecture (B.Arch)", "Bachelor of Design (B.Des)", "Bachelor of Interior Design", "Master of Technology (M.Tech)", "Master of Engineering (M.E.)", "Master of Computer Applications (MCA)", "Doctor of Medicine (MD)", "Master of Surgery (MS)", "Master of Dental Surgery (MDS)", "Master of Science in Nursing (M.Sc Nursing)", "Master of Pharmacy (M.Pharm)", "Master of Arts (MA)", "Master of Fine Arts (MFA)", "Master of Social Work (MSW)", "Master of Commerce (M.Com)", "Master of Business Administration (MBA)", "Master of Management Studies (MMS)", "Master of Science (M.Sc)", "Master of Environmental Science", "Master of Laws (LLM)", "Master of Architecture (M.Arch)", "Master of Design (M.Des)", "Bachelor of Science in IT (BSc. IT)" + ]; + //Job Roles list + const jobRoles = [ + "Software Engineer", "Data Scientist", "Web Developer", "Product Manager", "Digital Marketing Specialist", + "Graphic Designer", "Financial Analyst", "Sales Executive", "Human Resources Manager", "Mechanical Engineer", + "Civil Engineer", "Content Writer", "UX/UI Designer", "Network Engineer", "Operations Manager", + "Business Analyst", "Data Analyst", "Electrical Engineer", "Medical Doctor", "Nurse", + "Pharmacist", "Lawyer", "Accountant", "Teacher", "Professor", + "Marketing Manager", "Social Media Manager", "Customer Service Representative", "Research Scientist", "Project Manager" + ]; + + $("#location").autocomplete({ + source: cities, + minLength: 1 // Show suggestions after typing 1 character + }); + $("#institutePH").autocomplete({ + source: collegesAndUniversities, + minLength: 1 // Show suggestions after typing 1 character + }); + $("#coursePH").autocomplete({ + source: courses, + minLength: 1 // Show suggestions after typing 1 character + }); + $("#jobrolePH").autocomplete({ + source: jobRoles, + minLength: 1 // Show suggestions after typing 1 character + }); + }); + \ No newline at end of file