Merge pull request #12 from JeelDobariya38/Dev

updated website with some more information and Api's
JeelDobariya38 · Oct 19, 2023 · a2eb4f7 · a2eb4f7
2 parents a153012 + 71d85ab
commit a2eb4f7
Show file tree

Hide file tree

Showing 26 changed files with 84 additions and 29 deletions.
diff --git a/Images/github1.png b/Images/github1.png
diff --git a/Images/hackerrank.png b/Images/hackerrank.png
diff --git a/Images/leetcode.png b/Images/leetcode.png
diff --git a/Scripts/index.js b/Scripts/index.js
@@ -1,13 +1,8 @@
 document.addEventListener("DOMContentLoaded", function () {
     var typed = new Typed('#domains', {
-        strings: [' ', 'Software Engineer.', 'Web Developer.', 'Student.'],
+        strings: [' ', 'Software Engineer.', 'Web Developer.', 'Python Developer.', 'Learner.'],
         typeSpeed: 50,
         backspeed: 30,
         loop: true
     });
-})
-
-function promptnumber()
-{
-    alert("You Can Whatapp me on 7016958781")
-}
+})
diff --git a/Scripts/leetcode-data.js b/Scripts/leetcode-data.js
@@ -0,0 +1,45 @@
+async function getLeetCodeStats(username) {
+    const apiUrl = `https://leetcodestats.cyclic.app/${username}`;
+
+    try {
+      const response = await fetch(apiUrl);
+      const data = await response.json();
+
+      if (data.status === 'success') {
+        const rank = data.ranking;
+        const problemsSolved = data.totalSolved;
+
+        return { rank, problemsSolved };
+      } else {
+        throw new Error('Failed to fetch data from LeetCode API.');
+      }
+    } catch (error) {
+      console.error('Error:', error.message);
+      return null;
+    }
+}
+
+// Replace 'Jeel_Dobariya' with your actual LeetCode username
+const leetCodeUsername = 'Jeel_Dobariya';
+var rank = "";
+var solved = "";
+
+function updatecontent(rank) {
+    document.querySelector("#rank").innerHTML = rank
+}
+
+// Call the function and log the result
+getLeetCodeStats(leetCodeUsername)
+.then((result) => {
+    if (result) {
+        rank =result.rank;
+        solved = result.problemsSolved;
+        console.log("rank: " + rank);
+        console.log("question-solved: " + solved);
+        updatecontent(rank);
+    }
+})
+.catch((error) => {
+    console.error('Error:', error.message);
+});
+
diff --git a/index.html b/index.html
@@ -58,23 +58,35 @@ <h2>About Me!!</h2>
                 <p>I am a <i>16-year-old boy</i> with a deep passion for <i>computer programming</i> and a strong
                     aspiration to become a young software engineer. From a young age, I have been captivated by the world of
                     technology and the endless possibilities
+                    <br><br>
                     it offers for problem-solving and innovation. My journey in coding started with languages like
                     <em>C#, Python, and Java.</em> Through self-guided learning and exploration, I have acquired a solid 
                     foundation in these languages and enjoy applying them in
-                    development of various projects. The process of creating software that can positively impact people's lives truly fascinates me. With
-                    each project I undertake, I strive to
+                    development of various projects. The process of creating software that can positively impact people's lives truly fascinates me.
+                    <br><br>
+                    With each project I undertake, I strive to
                     deepen my understanding of programming principles and expand my skill set. I eagerly embrace new
                     challenges and am constantly seeking opportunities
                     to learn and grow as a developer. I am motivated by the idea of contributing to the development of
                     cutting-edge technologies and being part of
-                    a collaborative team that pushes the boundaries of innovation. Beyond coding, I am an avid learner
+                    a collaborative team that pushes the boundaries of innovation.
+                    <br><br>
+                    Beyond coding, I am an avid learner
                     who believes in the power of knowledge and its
                     potential to transform lives. I am dedicated to staying up-to-date with the latest advancements in
-                    the tech industry. I am excited to connect
+                    the tech industry.
+                    <br><br>
+                    I am excited to connect
                     with like-minded individuals, industry professionals, and mentors who share my passion for programming
                     and can provide guidance and inspiration on
-                    this rewarding journey. Together, let's shape the future through technology!
+                    this rewarding journey. 
+                    <br><br>
+                    Together, let's shape the future through technology! 🚀💻
                 </p>
+                <br>
+                <div>
+                    <div class="leetcoderank">LeetCodeRank: <b id="rank"></b></div>
+                </div>
             </div>
 
             <div class="resume">
@@ -87,43 +99,43 @@ <h2>My Skills!!</h2>
             <div class="skill-set">
                 <div class="flex-container">
                     <div class="flex-item">
-                        <img src="Images/python.png" alt="Python">
+                        <img src="lightimg/python-min.png" alt="Python">
                         <p>Python</p>
                     </div>
                     <div class="flex-item">
-                        <img src="Images/java.png" alt="Java">
+                        <img src="lightimg/java-min.png" alt="Java">
                         <p>Java</p>
                     </div>
                     <div class="flex-item">
-                        <img src="Images/csharp.png" alt="CSharp">
+                        <img src="lightimg/csharp-min.png" alt="CSharp">
                         <p>CSharp</p>
                     </div>
                     <div class="flex-item">
-                        <img src="Images/html.png" alt="Html">
+                        <img src="lightimg/html-min.png" alt="Html">
                         <p>Html</p>
                     </div>
                     <div class="flex-item">
-                        <img src="Images/css.png" alt="Css">
+                        <img src="lightimg/css-min.png" alt="Css">
                         <p>Css</p>
                     </div>
                     <div class="flex-item">
-                        <img src="Images/cpp.png" alt="C++">
+                        <img src="lightimg/cpp-min.png" alt="C++">
                         <p>C++</p>
                     </div>
                     <!-- <div class="flex-item">
-                        <img src="Images/demo.jpg" alt="">
+                        <img src="lightimg/demo.jpg" alt="">
                         <p></p>
                     </div>
                     <div class="flex-item">
-                        <img src="Images/demo.jpg" alt="">
+                        <img src="lightimg/demo.jpg" alt="">
                         <p></p>
                     </div>
                     <div class="flex-item">
-                        <img src="Images/demo.jpg" alt="">
+                        <img src="lightimg/demo.jpg" alt="">
                         <p></p>
                     </div>
                     <div class="flex-item">
-                        <img src="Images/demo.jpg" alt="">
+                        <img src="lightimg/demo.jpg" alt="">
                         <p></p> 
                     </div> -->
                 </div>
@@ -255,23 +267,26 @@ <h2>
                 Certificates & Achievements
             </h2>
             <div class="certify">
-                <div><a href="https://www.hackerrank.com/certificates/590f5d66febb"><img src="Images/python-basic.png" alt="python(basic)"></a></div>
-                <div><a href="https://www.hackerrank.com/certificates/fc1e239c7dfb"><img src="Images/java-basic.png" alt="java(basic)"></a></div>
+                <div><a href="https://www.hackerrank.com/certificates/590f5d66febb"><img src="lightimg/python-basic-min.png" alt="python(basic)"></a></div>
+                <div><a href="https://www.hackerrank.com/certificates/fc1e239c7dfb"><img src="lightimg/java-basic-min.png" alt="java(basic)"></a></div>
             </div>
         </div>
         <hr>
         <div class="contact" id="contact">
-            <h2>Contacts</h2>
+            <h2>Contacts Deatils and Social Media Handle</h2>
             <div class="contact-set">
                 <ul>
-                    <li><a href="https://wa.me/7016958781"><img src="Images/whatsapp.jpeg" alt="Whatsapp"></a></li>
-                    <li><a href="https://www.instagram.com/jeel9582/"><img src="Images/insta.png" alt="Instagram"></a></li>
-                    <li><a href="https://github.com/JeelDobariya38"><img src="Images/github.png" alt="Github"></a></li>
-                    <li><a href="https://www.linkedin.com/in/jeeldobariya"><img src="Images/linkedin.png" alt="Linkedin"></a></li>
+                    <li><a href="https://wa.me/7016958781"><img src="lightimg/whatsapp-min.jpeg" alt="Whatsapp"></a></li>
+                    <li><a href="https://www.instagram.com/jeel9582/"><img src="lightimg/insta-min.png" alt="Instagram"></a></li>
+                    <li><a href="https://github.com/JeelDobariya38"><img src="lightimg/github1-min.png" alt="Github"></a></li>
+                    <li><a href="https://www.linkedin.com/in/jeeldobariya"><img src="lightimg/linkedin-min.png" alt="Linkedin"></a></li>
+                    <li><a href="https://leetcode.com/Jeel_Dobariya/"><img src="lightimg/leetcode-min.png" alt="LeetCode"></a></li>
+                    <li><a href="https://www.hackerrank.com/profile/jeeldobariya38"><img src="lightimg/hackerrank-min.png" alt="HackerRank"></a></li>
                 </ul>
             </div>
         </div>
     </main>
+    <script src="Scripts/leetcode-data.js"></script>
 </body>
 
 </html>
diff --git a/lightimg/1500X1000-min.jpg b/lightimg/1500X1000-min.jpg
diff --git a/lightimg/150X100-min.jpg b/lightimg/150X100-min.jpg
diff --git a/lightimg/15X10-min.jpg b/lightimg/15X10-min.jpg
diff --git a/lightimg/750X500-min.jpg b/lightimg/750X500-min.jpg
diff --git a/lightimg/cpp-min.png b/lightimg/cpp-min.png
diff --git a/lightimg/csharp-min.png b/lightimg/csharp-min.png
diff --git a/lightimg/css-min.png b/lightimg/css-min.png
diff --git a/lightimg/demo-min.jpg b/lightimg/demo-min.jpg
diff --git a/lightimg/github-min.png b/lightimg/github-min.png
diff --git a/lightimg/github1-min.png b/lightimg/github1-min.png
diff --git a/lightimg/hackerrank-min.png b/lightimg/hackerrank-min.png
diff --git a/lightimg/html-min.png b/lightimg/html-min.png
diff --git a/lightimg/insta-min.png b/lightimg/insta-min.png
diff --git a/lightimg/java-basic-min.png b/lightimg/java-basic-min.png
diff --git a/lightimg/java-min.png b/lightimg/java-min.png
diff --git a/lightimg/leetcode-min.png b/lightimg/leetcode-min.png
diff --git a/lightimg/linkedin-min.png b/lightimg/linkedin-min.png
diff --git a/lightimg/python-basic-min.png b/lightimg/python-basic-min.png
diff --git a/lightimg/python-min.png b/lightimg/python-min.png
diff --git a/lightimg/whatsapp-min.jpeg b/lightimg/whatsapp-min.jpeg