index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Deep Singh Rathi | Full Stack Developer</title>
  <link rel="stylesheet" href="style.css">
  <script src="https://kit.fontawesome.com/4b6aab9f9c.js" crossorigin="anonymous"></script>
</head>
<body>
  <!-- Hero Section -->
  <header class="hero">
    <h1>Deep Singh Rathi</h1>
    <p>Full Stack Developer | Backend & System Architecture Expert</p>
    <div class="socials">
      <a href="mailto:Deeprathi1717@gmail.com"><i class="fas fa-envelope"></i></a>
      <a href="tel:+917082633959"><i class="fas fa-phone"></i></a>
      <a href="https://github.com/deepsinghrathi" target="_blank"><i class="fab fa-github"></i></a>
      <a href="https://in.linkedin.com/in/deepsinghrathi" target="_blank"><i class="fab fa-linkedin"></i></a>
    </div>
  </header>
  
  <!-- Floating download button -->
  <a href="media/Deep-Singh-Rathi-Resume.pdf" class="float-button" download title="Download Resume">
    ⬇️
  </a>
  
  <!-- About -->
  <section class="section about">
    <h2>About Me</h2>
    <p>
      I am an <strong>Innovative Full Stack Developer</strong> with <strong>6+ years of hands-on experience</strong> in building scalable web and mobile applications.
    </p>
    <ul>
      <li>Specialized in <strong>Java</strong>, <strong>React</strong>, <strong>Node.js</strong>, <strong>REST API</strong>, <strong>SQL</strong>, and <strong>Firebase</strong>.</li>
      <li>Proven track record of <strong>improving system performance</strong> and <strong>delivering complex solutions on time</strong>.</li>
      <li>Experienced in <strong>leading development teams</strong> and managing full project lifecycles.</li>
      <li>Adept at <strong>solving critical bugs</strong> and <strong>optimizing applications</strong> for better efficiency and user experience.</li>
      <li>Skilled in aligning technical strategies with <strong>business objectives</strong> to drive growth and innovation.</li>
    </ul>
  </section>


  <!-- Skills -->
  <section class="section skills">
  <h2>Technical Skills</h2>
  <div class="skills-category-grid">

    <div class="skills-card">
      <h3>Frontend</h3>
      <ul>
        <li>HTML5</li>
        <li>CSS3</li>
        <li>JavaScript</li>
        <li>React</li>
        <li>Flutter</li>
        <li>Angular</li>
        <li>XML</li>
        <li>jQuery</li>
      </ul>
    </div>

    <div class="skills-card">
      <h3>Backend</h3>
      <ul>
        <li>Node.js</li>
        <li>Express.js</li>
        <li>PHP</li>
        <li>FastAPI</li>
        <li>Django</li>
        <li>Spring Boot</li>
        <li>Flask</li>
        <li>Kafka</li>
        <li>REST APIs</li>
      </ul>
    </div>

    <div class="skills-card">
      <h3>Mobile</h3>
      <ul>
        <li>Android (Kotlin, Java)</li>
        <li>React Native</li>
        <li>Android Studio</li>
      </ul>
    </div>

    <div class="skills-card">
      <h3>Databases</h3>
      <ul>
        <li>MongoDB</li>
        <li>MySQL</li>
        <li>Firebase</li>
        <li>SQLite</li>
        <li>SQL</li>
        <li>NoSQL</li>
        <li>RDBMS</li>
      </ul>
    </div>

    <div class="skills-card">
      <h3>Dev Tools</h3>
      <ul>
        <li>Git</li>
        <li>GitHub</li>
        <li>VS Code</li>
        <li>Postman</li>
        <li>Figma</li>
        <li>AWS</li>
      </ul>
    </div>

    <div class="skills-card">
      <h3>Deployment & Cloud</h3>
      <ul>
        <li>Docker</li>
        <li>Microservices</li>
        <li>Cloud Platforms</li>
        <li>CI/CD</li>
      </ul>
    </div>

    <div class="skills-card">
      <h3>Other</h3>
      <ul>
        <li>Python</li>
        <li>AI</li>
        <li>Chatbot Development</li>
      </ul>
    </div>

  </div>
</section>


  <!-- Projects -->
  <section class="section projects">
    <h2>Highlighted Projects</h2>
    <div class="project-grid">
      <div class="card">
        <h3>Gaming Platform</h3>
        <p>Managed 23K+ daily users with scalable backend handling 2K+ live per minute.</p>
      </div>
      <div class="card">
        <h3>Food Delivery System</h3>
        <p>End-to-end solution for restaurants, customers & agents with automation.</p>
      </div>
      <div class="card">
        <h3>E-Learning App</h3>
        <p>Flutter + Firebase course delivery app with analytics for 2K+ students.</p>
      </div>
      <div class="card">
        <h3>Hotel Booking Web App</h3>
        <p>React + Node.js app with filters, secure booking & dashboards.</p>
      </div>
    </div>
  </section>

  <!-- Experience -->
  <section class="section experience">
    <h2>Experience</h2>
    <div class="exp-card">
      <h3>Senior Full Stack Developer – Meentosys Pvt. Ltd.</h3>
      <p><em>2020 – Present | Delhi</em></p>
      <ul>
        <li>Led 60+ successful product deployments in e-commerce, education, logistics.</li>
        <li>Reduced delivery time by 25% via CI/CD & API optimization.</li>
        <li>Migrated legacy apps to React + Node.js (30% faster performance).</li>
        <li> Mentored junior developers; helped reduce onboarding time by 50% Collaborated with 15+ clients directly for requirement gathering and product demo.</li>
      </ul>
    </div>
    <div class="exp-card">
      <h3>Freelance Full Stack Developer</h3>
      <p><em>2017 – 2019</em></p>
      <ul>
        <li>Delivered 10+ solutions independently (e-commerce & services).</li>
        <li>Built APIs with secure authentication, real-time backends.</li>
        <li> Maintained 100% project success rate with consistent client satisfaction Implemented Firebase/SQL-based backend systems for real-time apps</li>
      </ul>
    </div>
  </section>

  <!-- Experience -->
  <section class="section experience">
    <h2>Education</h2>
    <div class="exp-card">
      <h3> Master of Computer Applications (MCA)</h3>
      <p><em> Maharshi Dayanand University |  Rohtak</em></p>
    </div>
    <div class="exp-card">
      <h3> Bachelor of Science in Computer Science (BSc CS)</h3>
      <p><em> Maharshi Dayanand University | Rohtak</em></p>
    </div>
  </section>

  <section class="section certifications">
    <h2>Certifications</h2>
    <ul>
      <li><strong>IBM Certificate</strong> in Application Development — <em>2022</em></li>
      <li><strong>Google Developer Training Program</strong> – Web & Android — <em>2021</em></li>
      <li><strong>Full Stack Development</strong> – Rajiv Gandhi Computer Science Program — <em>2020</em></li>
    </ul>
  </section>
  
  <section class="section languages">
    <h2>Languages</h2>
    <ul>
      <li><strong>Hindi</strong> — Native</li>
      <li><strong>English</strong> — Proficient</li>
    </ul>
  </section>

  <!-- Contact -->
  <section class="section contact">
    <h2>Let’s Connect</h2>
    <p>Open for freelance, collaborations, and full-time opportunities.</p>
    <a href="mailto:deeprathi1717@gmail.com" class="btn">Email Me: deeprathi1717@gmail.com</a>
    <a href="https://www.linkedin.com/in/deepsinghrathi" class="btn">LinkedIn: https://www.linkedin.com/in/deepsinghrathi</a>
    <a href="https://github.com/deepsinghrathi" class="btn">Github: https://github.com/deepsinghrathi</a>
    <a href="tel:+917082633959" class="btn">Call Me: +91 7082633959</a>
    <a href="https://wa.me/7082633959" class="btn">WhatsApp: 7082633959</a>
  </section>

  <!-- Footer -->
  <footer>
    <p>© <span id="year"></span> Deep Singh Rathi | Full Stack Developer</p>
  </footer>

  <script>
    document.getElementById("year").textContent = new Date().getFullYear();
  </script>
</body>
</html>