Portfolio-Website/portfolio.html at main · Rishabhagrawal287/Portfolio-Website · 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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Portfolio - Rishabh Agrawal</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
  <style>
    body {
      margin: 0;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      transition: background-color 0.5s, color 0.5s;
    }

    .light-mode {
      background-color: #ffffff;
      color: #000000;
    }

    .dark-mode {
      background-color: #121212;
      color: #ffffff;
    }

    header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px;
      background-color: rgba(0, 0, 0, 0.7);
      position: fixed;
      width: 100%;
      top: 0;
      z-index: 1000;
    }

    header h1 {
      margin: 0;
      font-size: 1.5em;
    }

    nav a {
      margin: 0 15px;
      text-decoration: none;
      color: inherit;
      font-weight: bold;
    }

    .theme-toggle {
      cursor: pointer;
      font-size: 1.2em;
    }

    .slideshow {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background-size: cover;
      background-position: center;
      transition: background-image 1s ease-in-out;
    }

    main {
      padding: 100px 20px 20px 20px;
      max-width: 1000px;
      margin: auto;
    }

    section {
      margin-bottom: 50px;
    }

    h2 {
      border-bottom: 2px solid #00ffff;
      padding-bottom: 10px;
    }

    .project, .experience {
      margin-bottom: 20px;
    }

    .project h3, .experience h3 {
      margin: 0;
    }

    footer {
      text-align: center;
      padding: 20px;
      background-color: rgba(0, 0, 0, 0.7);
      position: fixed;
      width: 100%;
      bottom: 0;
      color: #fff;
    }

    .contact-form input, .contact-form textarea {
      width: 100%;
      padding: 10px;
      margin: 5px 0 15px 0;
      border: none;
      border-radius: 5px;
    }

    .contact-form button {
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      background-color: #00ffff;
      color: #000;
      font-weight: bold;
      cursor: pointer;
    }

    .contact-form button:hover {
      background-color: #00cccc;
    }
  </style>
</head>
<body class="light-mode">
  <div class="slideshow" id="slideshow"></div>
  <header>
    <h1>Rishabh Agrawal</h1>
    <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="#experience"><i class="fas fa-briefcase"></i> Experience</a>
      <a href="#contact"><i class="fas fa-envelope"></i> Contact</a>
    </nav>
    <div class="theme-toggle" onclick="toggleTheme()">
      <i class="fas fa-adjust"></i>
    </div>
  </header>
  <main>
    <section id="about">
      <h2><i class="fas fa-user"></i> About Me</h2>
      <p>Master of Information Technology graduate from Arizona State University with a strong foundation in software development methodologies and technical leadership. Specializing in frontend development with expertise in creating intuitive user interfaces and seamless user experiences. Proficient in data analytics, leveraging statistical insights to drive informed decision-making and optimize application performance. Actively exploring artificial intelligence integration to develop innovative solutions that enhance software functionality and user engagement. Committed to delivering scalable, user-centric applications while staying current with emerging technologies in the rapidly evolving software engineering landscape.</p>
      <p><strong>Technical Skills:</strong> Java, Python, JavaScript, SQL, ReactJS, Node.js, AWS, Docker, Git, and more.</p>
      <p><strong>Certifications:</strong> AWS Certified Cloud Practitioner (2024), AWS Certified Data Engineering (2024).</p>
    </section>

    <section id="projects">
      <h2><i class="fas fa-code"></i> Projects</h2>
      <div class="project">
        <h3>EncryptoBase</h3>
        <p>Developed a secure, Java-based cloud image-sharing platform with AES and RSA encryption, reducing database response times by 30%. Containerized the application using Docker for cross-platform deployment.</p>
      </div>
      <div class="project">
        <h3>Supermarket Sales Insights Dashboard</h3>
        <p>Created an interactive Python dashboard analyzing sales and customer trends, enhancing data processing speed by 40% and increasing user engagement by 35%.</p>
      </div>
      <div class="project">
        <h3>Student Dataset Analysis Using Regression Model</h3>
        <p>Built machine learning models (Random Forest, SVM) achieving up to 99% prediction accuracy, improving team decision-making efficiency by 25%.</p>
      </div>
      <div class="project">
        <h3>Brain Computer Interface</h3>
        <p>Designed a system to interpret neural impulses for direct brain-computer communication using advanced machine-learning techniques and RNN algorithms.</p>
      </div>
      <div class="project">
        <h3>Online Quiz and Mark-Entry System</h3>
        <p>Developed a Java-based website enabling students to take online assessments with immediate results, enhancing accessibility for both students and teachers.</p>
      </div>
      <div class="project">
        <h3>Bio-Metrics Recognition System for Intelligent House Management</h3>
        <p>Created an IoT-based security system utilizing biometric data for managing home security, integrating sensors and Python programming for retina recognition.</p>
      </div>
    </section>

    <section id="experience">
      <h2><i class="fas fa-briefcase"></i> Experience</h2>
      <div class="experience">
        <h3>Research Aide, Arizona State University</h3>
        <p>Developed ETL frameworks and data flow diagrams using Pandas and NumPy, ensuring data security and privacy compliance. Utilized Docker for containerizing pipelines.</p>
      </div>
      <div class="experience">
        <h3>Database Administrator, M/s Vidarbha Iron and Steel Corporation</h3>
        <p>Designed advanced relational database architectures, optimized SQL queries, and implemented comprehensive backup protocols across Linux and Windows servers.</p>
      </div>
      <div class="experience">
        <h3>Web Developer Intern, M/s Vidarbha Iron and Steel Corporation</h3>
        <p>Developed responsive React.js front-end components with dynamic data visualization, integrating RESTful APIs to enhance user experience across platforms.</p>
      </div>
    </section>

    <section id="contact">
      <h2><i class="fas fa-envelope"></i> Contact</h2>
      <form class="contact-form">
        <input type="text" placeholder="Your Name" required />
        <input type="email" placeholder="Your Email" required />
        <textarea rows="5" placeholder="Your Message" required></textarea>
        <button type="submit">Send Message</button>
      </form>
    </section>
  </main>
  <footer>
    &copy; 2025 Rishabh Agrawal
  </footer>

::contentReference[oaicite:15]{index=15}