From Lab Bench to Web Bench —

I Build It All

Subha Mahajan

Full Stack Web Developer | LIMS Expert

1// Define main application component
2import React from 'react';
3 
4const Portfolio = () => {
5 
6  // Data for portfolio content
7  const personalInfo = {
8    name: 'Subha Mahajan',
9    role: 'Full Stack Web Developer',
10    specialty: 'LIMS Expert',
11  };
12 
13  // Render the portfolio layout
14  return (
15    <div className='main-portfolio'>
16      // This is the right-side component
17      <header className='editor-header'>
18        <div className='tab-bar'>
19          <span className='active-tab'>portfolio.jsx</span>
20        </div>
21      </header>
22 
23      <main className='content-area'>
24        <h1>personalInfo.name</h1>
25        <p>personalInfo.role | personalInfo.specialty</p>
26 
27        // Interactive buttons
28        <button>View Work</button>
29        <button>Let's Talk</button>
30      </main>
31    </div>
32  );
33}
34 
35export default Portfolio;