nayyarcoder.github.io/index.html at master · nayyarcoder/nayyarcoder.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shyam Jayachandran | Generative AI & Agentic Systems Engineer</title>
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>    <header>
        <div class="header-content">
            <div class="hero-section">
                <div class="profile-photo">
                    <i class="fas fa-user-circle"></i>
                </div>
                <h1>Shyam Jayachandran</h1>
                <p class="tagline">Generative AI & Agentic Systems Specialist</p>
                <p class="subtitle">Exploring innovative opportunities in advanced AI development</p>
                <div class="hero-stats">
                    <div class="stat">
                        <span class="stat-number">18+</span>
                        <span class="stat-label">Years Experience</span>
                    </div>
                    <div class="stat">
                        <span class="stat-number">3</span>
                        <span class="stat-label">Active Projects</span>
                    </div>
                    <div class="stat">
                        <span class="stat-number">AI/ML</span>
                        <span class="stat-label">Specialization</span>
                    </div>
                </div>
            </div>
            <nav>
                <a href="#about"><i class="fas fa-user"></i> About</a>
                <a href="#projects"><i class="fas fa-code"></i> Projects</a>
                <a href="#contact"><i class="fas fa-envelope"></i> Contact</a>
            </nav>
        </div>
    </header>

    <main>        <section id="about" class="fade-in">
            <div class="section-header">
                <h2><i class="fas fa-user-tie"></i> About Me</h2>
                <div class="section-line"></div>
            </div>            <div class="about-content">
                <div class="about-text">
                    <p class="intro-text">A seasoned Principal Consultant with 18+ years of experience spanning network monitoring, system integrations, and cutting-edge Generative AI solutions. Expert in building enterprise-grade automation platforms and agentic systems.</p>
                    <p>Currently focused on accelerating team delivery processes through MCP server development, AI-assisted IDE evaluations, and advanced automation frameworks. Proven track record from hands-on development to enterprise architecture across telecom, banking, and IT operations domains.</p>
                </div>
                <div class="skills-grid">
                    <div class="skill-item">
                        <i class="fas fa-brain"></i>
                        <h4>AI & Automation</h4>
                        <p>Generative AI, Agentic Systems, MCP Servers</p>
                    </div>
                    <div class="skill-item">
                        <i class="fas fa-code"></i>
                        <h4>Development</h4>
                        <p>Python, FastAPI, Flask, LangGraph</p>
                    </div>
                    <div class="skill-item">
                        <i class="fas fa-server"></i>
                        <h4>Enterprise Systems</h4>
                        <p>EMC SMARTS, Watch4net, OSS Integration</p>
                    </div>
                    <div class="skill-item">
                        <i class="fas fa-tools"></i>
                        <h4>AI-Assisted Development</h4>
                        <p>GitHub Copilot, Cline, Cursor, Windsurf, Amazon Q</p>
                    </div>
                </div>
            </div>
        </section>        <section id="projects" class="fade-in">
            <div class="section-header">
                <h2><i class="fas fa-project-diagram"></i> My Projects</h2>
                <div class="section-line"></div>
            </div>            <div class="project-cards-container">
                <div class="project-card">
                    <div class="project-header">
                        <div class="project-icon">
                            <i class="fas fa-server"></i>
                        </div>
                        <div class="project-status pipeline">Active</div>
                    </div>
                    <h3>MCP Server Development Suite</h3>
                    <p>Building comprehensive Model Context Protocol (MCP) servers to accelerate team delivery processes and enhance daily operational activities. Focus on enterprise integration and automation frameworks for improved developer productivity.</p>
                    <div class="project-tech">
                        <span class="tech-tag">Python</span>
                        <span class="tech-tag">MCP Protocol</span>
                        <span class="tech-tag">FastAPI</span>
                    </div>
                </div>
                <div class="project-card">
                    <div class="project-header">
                        <div class="project-icon">
                            <i class="fas fa-tools"></i>
                        </div>
                        <div class="project-status pipeline">Research</div>
                    </div>
                    <h3>AI-Assisted IDE Evaluation Platform</h3>
                    <p>Conducting comprehensive Proof of Values (POVs) on AI-assisted IDEs including VS Code with GitHub Copilot, Cline, Cursor, Windsurf, and Amazon Q to evaluate their impact on development efficiency and team productivity.</p>
                    <div class="project-tech">
                        <span class="tech-tag">GitHub Copilot</span>
                        <span class="tech-tag">AI-IDEs</span>
                        <span class="tech-tag">Developer Tools</span>
                    </div>
                </div>
                <div class="project-card">
                    <div class="project-header">
                        <div class="project-icon">
                            <i class="fas fa-code-branch"></i>
                        </div>
                        <div class="project-status completed">Completed</div>
                    </div>
                    <h3>Legacy Code Modernization Platform</h3>
                    <p>Built end-to-end generative AI platform for automated legacy code modernization from repository to repository. Utilized LangGraph and agentic frameworks with RAG and vector store technologies for intelligent code transformation.</p>
                    <div class="project-tech">
                        <span class="tech-tag">LangGraph</span>
                        <span class="tech-tag">RAG</span>
                        <span class="tech-tag">Agentic Frameworks</span>
                    </div>
                </div>
            </div>
        </section>        <section id="contact" class="fade-in">
            <div class="section-header">
                <h2><i class="fas fa-envelope"></i> Get In Touch</h2>
                <div class="section-line"></div>
            </div>
            <div class="contact-content">
                <p class="contact-intro">Let's connect and discuss opportunities in AI and advanced technology solutions.</p>
                <div class="contact-methods">
                    <a href="mailto:nayyarcoder@gmail.com" class="contact-item email">
                        <div class="contact-icon">
                            <i class="fas fa-envelope"></i>
                        </div>
                        <div class="contact-details">
                            <h4>Email</h4>
                            <p>nayyarcoder@gmail.com</p>
                        </div>
                    </a>
                    <a href="https://www.linkedin.com/in/shyamjayan/" target="_blank" rel="noopener noreferrer" class="contact-item linkedin">
                        <div class="contact-icon">
                            <i class="fab fa-linkedin"></i>
                        </div>
                        <div class="contact-details">
                            <h4>LinkedIn</h4>
                            <p>linkedin.com/in/shyamjayan</p>
                        </div>
                    </a>
                </div>
            </div>
        </section>
    </main>    <footer>
        <div class="footer-content">
            <p>&copy; 2025 Shyam Jayachandran. All rights reserved.</p>
            <p class="footer-subtitle">Building the future with AI-powered solutions</p>
        </div>
    </footer>

    <script src="assets/js/main.js"></script>
</body>
</html>