User Name

user@example.com

Passionate about technology and innovation. Always learning and exploring new frontiers in software development.

12 Projects

48 Hours

156 Points

🔧 Skills

JavaScript React Node.js Python Firebase CSS HTML Git

🏆 Achievements

🚀 Fast Learner

⭐ Star Coder

🔥 On Fire

💎 Gem Hunter

🎯 Sharpshooter

🌟 Rising Star

📁 Recent Projects

E-Commerce Platform

Full-stack online shopping platform with payment integration

React Node.js MongoDB
Task Management App

Collaborative task management tool with real-time updates

Vue.js Firebase
Weather Dashboard

Beautiful weather app with forecasting and maps

JavaScript API

📊 Learning Progress

JavaScript Advanced 85%

React Development 70%

Python Basics 60%

// Load user profile auth.onAuthStateChanged((user) => { if (user) { const displayName = user.displayName || user.email.split('@')[0]; document.getElementById('username').textContent = displayName; document.getElementById('email').textContent = user.email; document.getElementById('avatar').textContent = displayName.charAt(0).toUpperCase(); // Load additional profile data from Firestore db.collection('users').doc(user.uid).get() .then((doc) => { if (doc.exists) { const userData = doc.data(); // Update profile with additional data if available if (userData.bio) { document.querySelector('.profile-bio').textContent = userData.bio; } if (userData.skills && userData.skills.length > 0) { updateSkillsDisplay(userData.skills); } } }) .catch((error) => { console.error('Error loading profile data:', error); }); } else { window.location.href = 'login.html'; } }); // Update skills display function updateSkillsDisplay(skills) { const skillsList = document.querySelector('.skills-list'); if (skillsList && skills.length > 0) { skillsList.innerHTML = skills.map(skill => `${skill}` ).join(''); } } // Modal functions function openEditModal() { const modal = document.getElementById('editModal'); const user = auth.currentUser; // Pre-fill form with current data document.getElementById('editUsername').value = user.displayName || user.email.split('@')[0]; document.getElementById('newEmail').value = user.email; // Load bio from Firestore db.collection('users').doc(user.uid).get() .then((doc) => { if (doc.exists) { const userData = doc.data(); document.getElementById('editBio').value = userData.bio || ''; if (userData.skills) { document.getElementById('editSkills').value = userData.skills.join(', '); } } }); modal.classList.add('active'); } function closeEditModal() { const modal = document.getElementById('editModal'); modal.classList.remove('active'); // Clear messages hideMessages(); } // Toggle password visibility function togglePasswordVisibility(inputId) { const input = document.getElementById(inputId); const button = input.nextElementSibling; if (input.type === 'password') { input.type = 'text'; button.textContent = '🙈'; } else { input.type = 'password'; button.textContent = '👁️'; } } // Show/hide messages function showMessage(type, message) { hideMessages(); const messageElement = document.getElementById(type + 'Message'); messageElement.textContent = message; messageElement.classList.add('show'); // Auto-hide after 5 seconds setTimeout(() => { hideMessages(); }, 5000); } function hideMessages() { document.getElementById('successMessage').classList.remove('show'); document.getElementById('errorMessage').classList.remove('show'); } // Update profile function async function updateProfile(event) { event.preventDefault(); const user = auth.currentUser; const username = document.getElementById('editUsername').value; const bio = document.getElementById('editBio').value; const newEmail = document.getElementById('newEmail').value; const emailPassword = document.getElementById('emailPassword').value; const currentPassword = document.getElementById('currentPassword').value; const newPassword = document.getElementById('newPassword').value; const confirmPassword = document.getElementById('confirmPassword').value; const skills = document.getElementById('editSkills').value .split(',') .map(skill => skill.trim()) .filter(skill => skill.length > 0); try { // Update display name if (username !== (user.displayName || user.email.split('@')[0])) { await user.updateProfile({ displayName: username }); document.getElementById('username').textContent = username; document.getElementById('avatar').textContent = username.charAt(0).toUpperCase(); } // Update password if provided if (newPassword) { if (!currentPassword) { showMessage('error', 'Current password is required to change password'); return; } if (newPassword.length < 6) { showMessage('error', 'New password must be at least 6 characters long'); return; } if (newPassword !== confirmPassword) { showMessage('error', 'New passwords do not match'); return; } // Reauthenticate user const credential = firebase.auth.EmailAuthProvider.credential(user.email, currentPassword); await user.reauthenticateWithCredential(credential); // Update password await user.updatePassword(newPassword); } // Update email if provided if (newEmail && newEmail !== user.email) { if (!emailPassword) { showMessage('error', 'Password is required to change email'); return; } // Reauthenticate user const credential = firebase.auth.EmailAuthProvider.credential(user.email, emailPassword); await user.reauthenticateWithCredential(credential); // Update email await user.updateEmail(newEmail); document.getElementById('email').textContent = newEmail; } // Update Firestore data await db.collection('users').doc(user.uid).set({ username: username, bio: bio, skills: skills, updatedAt: new Date() }, { merge: true }); // Update UI if (bio) { document.querySelector('.profile-bio').textContent = bio; } updateSkillsDisplay(skills); // Show success message showMessage('success', 'Profile updated successfully!'); // Close modal after 2 seconds setTimeout(() => { closeEditModal(); }, 2000); } catch (error) { console.error('Error updating profile:', error); let errorMessage = 'Error updating profile. Please try again.'; // Handle specific Firebase errors if (error.code === 'auth/wrong-password') { errorMessage = 'Current password is incorrect.'; } else if (error.code === 'auth/email-already-in-use') { errorMessage = 'Email address is already in use.'; } else if (error.code === 'auth/invalid-email') { errorMessage = 'Invalid email address.'; } else if (error.code === 'auth/weak-password') { errorMessage = 'New password is too weak. Please choose a stronger password.'; } else if (error.code === 'auth/requires-recent-login') { errorMessage = 'Please log out and log back in to update your profile.'; } showMessage('error', errorMessage); } } // Logout function function logout() { auth.signOut().then(() => { window.location.href = 'login.html'; }); } // Close modal when clicking outside document.getElementById('editModal').addEventListener('click', function(e) { if (e.target === this) { closeEditModal(); } }); // Close modal with Escape key document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeEditModal(); } });

User Name

🔧 Skills

🏆 Achievements

📁 Recent Projects

📊 Learning Progress

Edit Profile

Basic Information

Change Password

Update Email

Update Skills