+ 
+ 
+ Hello!
+I am Revati Kadam
+I am a
+About
++ I’m a passionate and driven Computer Science student with a strong interest in Web Development, Software Engineering, and problem-solving. + I enjoy building clean, responsive, and user-friendly web applications while continuously improving my skills in technologies like HTML, CSS, JavaScript, and backend development. + Alongside development, I actively practice Data Structures and Algorithms to strengthen my logical thinking and coding abilities. + I enjoy learning new technologies, working on real-world projects, and turning ideas into practical solutions. +
+ + + Download Resume + +Skills
+ +Projects
+ +Contact Me
+ +
@@ -196,12 +262,15 @@
+
Contact Me
-
+ ⚙️
+
-
+
\ No newline at end of file
diff --git a/revati-kadam-portfolio/js/navigation.js b/revati-kadam-portfolio/js/navigation.js
index 28e9c4d..ef320dd 100644
--- a/revati-kadam-portfolio/js/navigation.js
+++ b/revati-kadam-portfolio/js/navigation.js
@@ -4,9 +4,18 @@ function showSection(id) {
behavior: "smooth"
});
- updateActiveNav(id);
+ document.getElementById(id).classList.add("active");
+
+ updateActiveNav(id);
}
+function toggleNavbar() {
+ const navLinks = document.getElementById("navLinks");
+ navLinks.classList.toggle("show");
+}
+
+
+
// ── Active nav link highlight ──────────────────────────────────────────────
function updateActiveNav(activeId) {
document.querySelectorAll(".nav-links li").forEach(li => {
@@ -70,4 +79,4 @@ document.addEventListener("DOMContentLoaded", () => {
showSection("home");
initScrollProgress();
initSectionAnimations();
-});
\ No newline at end of file
+});
diff --git a/revati-kadam-portfolio/js/script.js b/revati-kadam-portfolio/js/script.js
index 660aad5..f1968d6 100644
--- a/revati-kadam-portfolio/js/script.js
+++ b/revati-kadam-portfolio/js/script.js
@@ -1,71 +1,77 @@
function showSection(id) {
- document.getElementById(id).scrollIntoView({ behavior: "smooth" });
+ document.getElementById(id).scrollIntoView({
+ behavior: "smooth"
+ });
}
-const roles = ["Web Developer", "Programmer", "Problem Solver", "Website Designer", "Tech Enthusiast"];
-let i = 0, j = 0, del = false;
+// Typing
+const roles=["Programmer", "Student","Web Developer","Website Designer","Problem Solver","Tech Enthusiast"];
+let i=0,j=0,del=false;
+
+function type(){
+ let text=roles[i];
+ j=del?j-1:j+1;
+
+ document.getElementById("typing").innerText=text.substring(0,j);
-function type() {
- let text = roles[i];
- j = del ? j - 1 : j + 1;
- document.getElementById("typing").innerText = text.substring(0, j);
- if (!del && j === text.length) {
- del = true;
- return setTimeout(type, 1500);
+ if(!del && j===text.length){
+ del=true;
+ return setTimeout(type,1500);
}
- if (del && j === 0) {
- del = false;
- i = (i + 1) % roles.length;
+
+ if(del && j===0){
+ del=false;
+ i=(i+1)%roles.length;
}
- setTimeout(type, del ? 80 : 180);
+
+ setTimeout(type,del?80:180);
}
type();
-(function() {
- const saved = localStorage.getItem("theme");
- if (saved === "light") document.body.classList.add("light-theme");
-})();
-
-function setTheme(mode) {
- if (mode === "light") {
- document.body.classList.add("light-theme");
+// Theme
+function setTheme(mode){
+ if(mode==="light"){
+ document.documentElement.style.setProperty('--bg','#f8fafc');
+ document.documentElement.style.setProperty('--text','#000'); // BLACK text
+ document.documentElement.style.setProperty('--card','#e2e8f0');
} else {
- document.body.classList.remove("light-theme");
+ document.documentElement.style.setProperty('--bg','#0f172a');
+ document.documentElement.style.setProperty('--text','#fff'); // WHITE text
+ document.documentElement.style.setProperty('--card','#1e293b');
}
- localStorage.setItem("theme", mode);
}
-function setColor(color) {
- document.documentElement.style.setProperty('--primary', color);
+// Color
+function setColor(color){
+ document.documentElement.style.setProperty('--primary',color);
}
-function toggleSettings() {
+// Settings
+function toggleSettings(){
document.getElementById("settingsMenu").classList.toggle("show");
}
-document.addEventListener("click", function (e) {
+document.addEventListener("click", function(e){
const settings = document.querySelector(".settings");
+
+ if (!settings) return;
+
if (!settings.contains(e.target)) {
document.getElementById("settingsMenu").classList.remove("show");
}
});
-document.addEventListener("mousemove", e => {
- const s = document.createElement("div");
- s.className = "spark";
- s.style.left = e.pageX + "px";
- s.style.top = e.pageY + "px";
+// ❤️ Spark
+document.addEventListener("mousemove", e=>{
+ const s=document.createElement("div");
+ s.className="spark";
+ s.style.left=e.pageX+"px";
+ s.style.top=e.pageY+"px";
document.body.appendChild(s);
- setTimeout(() => s.remove(), 100);
+ setTimeout(()=>s.remove(),100);
});
-// Hamburger toggle
-function toggleNavbar() {
- const links = document.getElementById("navLinks");
- if (window.innerWidth <= 768) {
- links.classList.toggle("show");
- }
-}
+// Skills
const skillIcons = {
"React": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg",
"Node.js": "https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original.svg",
@@ -91,6 +97,24 @@ const skillIcons = {
};
fetch("data/skills.json")
+.then(res => res.json())
+.then(data => {
+ const container = document.getElementById("skills-container");
+ container.innerHTML = "";
+
+ data.forEach(skill => {
+ const card = document.createElement("div");
+ card.className = "skill-card";
+
+ card.innerHTML = `
+ ${skill}
+ `; + + container.appendChild(card); + }); +}); + .then(res => res.json()) .then(data => { @@ -209,56 +233,56 @@ fetch("data/skills.json") } ); +// Projects fetch("data/projects.json") - .then(res => res.json()) - .then(data => { - const c = document.getElementById("projects-container"); - c.innerHTML = ""; - data.forEach(p => { - const d = document.createElement("div"); - d.className = "project-card"; - const techTags = (p.tech || []).map(t => `${t}`).join(""); - d.innerHTML = ` -
- 
-
-
- `;
- c.appendChild(d);
- });
- })
- .catch(() => {
- document.getElementById("projects-container").innerHTML = "Could not load projects.
"; +.then(res => res.json()) +.then(data => { + const c = document.getElementById("projects-container"); + + c.innerHTML = ""; // clear first + + data.forEach(p => { + let d = document.createElement("div"); + + d.innerHTML = ` +${p.name}
++ Live | + GitHub + `; + + c.appendChild(d); }); +}) +.catch(err => { + document.getElementById("projects-container").innerHTML = "Error loading projects"; +}); -// ── EMAILJS ── -(function () { +// Initialize EmailJS +(function(){ emailjs.init("kqnCcPYqtdwl_Oaqt"); })(); -document.getElementById("contact-form").addEventListener("submit", function (e) { +// Send form +document.getElementById("contact-form").addEventListener("submit", function(e){ e.preventDefault(); - const btn = this.querySelector("button"); - btn.textContent = "Sending..."; - btn.disabled = true; - - emailjs.sendForm("service_08nkbcb", "template_2yrnipb", this) - .then(() => { - alert("Message sent successfully!"); - this.reset(); - btn.textContent = "Send Message"; - btn.disabled = false; - }, () => { - alert("Failed to send. Please try again."); - btn.textContent = "Send Message"; - btn.disabled = false; - }); -}); \ No newline at end of file + + emailjs.sendForm( + "service_08nkbcb", + "template_2yrnipb", + this + ) + .then(function () { + alert("Message sent successfully!"); + }) + .catch(function () { + alert("Failed to send message."); + }); +}); + +// Navbar Toggle +function toggleNavbar() { + document.getElementById("navLinks").classList.toggle("show"); +} +