Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
178 changes: 178 additions & 0 deletions contributors/parthnarkar.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,178 @@
<article class="dev-card">
<img src="https://avatars.githubusercontent.com/u/176377927?v=4" alt="Parth Narkar" class="profile-pic" />
<h2>Parth Narkar</h2>
<p class="bio">
💻 Web Developer Intern @ Dalvik Apps & WeCan Education <br />
🎓 B.E. IT (VESIT, Mumbai) | CGPA: 9.16 <br />
🚀 Building AI & Web-based solutions | Open Source Contributor
</p>

<h4>Programming Languages & Frameworks</h4>
<section class="container">
<div class="badge" style="background-color:#f7df1e;color:#000;">JavaScript</div>
<div class="badge" style="background-color:#61dbfb;color:#000;">React</div>
<div class="badge" style="background-color:#3874a4;color:#fff;">Python</div>
<div class="badge" style="background-color:#3178c6;color:#fff;">Node.js</div>
<div class="badge" style="background-color:#e34c26;color:#fff;">HTML</div>
<div class="badge" style="background-color:#2965f1;color:#fff;">CSS</div>
</section>

<h4>Tools & Technologies</h4>
<section class="container">
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/git/git-original.svg" alt="Git" />
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg"
alt="GitHub" />
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg"
alt="MongoDB" />
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg"
alt="Docker" />
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linux/linux-original.svg"
alt="Linux" />
</section>

<h4>Featured Projects</h4>
<ul class="projects">
<li>
<strong>SilverCare-AI:</strong> Voice-first AI assistant for seniors using React, Flask & AI/ML.
<a href="https://silvercare-ai.vercel.app" target="_blank">Live</a> |
<a href="https://github.com/parthnarkar/SilverCare-AI" target="_blank">GitHub</a>
</li>
<li>
<strong>Edvanta:</strong> AI Learning & Career Platform integrating Vertex AI and Flask APIs.
<a href="https://github.com/parthnarkar/Edvanta" target="_blank">GitHub</a>
</li>
<li>
<strong>Chronify:</strong> Offline-first intelligent task manager with AI and Firebase sync.
<a href="https://github.com/parthnarkar/Chronify" target="_blank">GitHub</a>
</li>
</ul>

<h4>Achievements</h4>
<ul class="achievements">
<li>🏆 Finalist – HackCelestial 2.0 (National Hackathon)</li>
<li>🥇 25× Karate Gold Medalist | 2× Gold for India (Indo–Sri Lanka 2016)</li>
<li>🎥 Creator of <a href="https://www.instagram.com/parth.builds" target="_blank">@parth.builds</a> (3K+
followers, 2M+ views)</li>
<li>🎶 Winner – Band Performance, Illusion’25 (VESIT)</li>
</ul>

<div class="links">
<a href="mailto:[email protected]">📧 Email</a>
<a href="https://www.linkedin.com/in/parthnarkar/" target="_blank">💼 LinkedIn</a>
<a href="https://github.com/parthnarkar" target="_blank">🐙 GitHub</a>
<a href="https://leetcode.com/parthnarkar" target="_blank">⚡ LeetCode</a>
</div>
</article>

<style>
body {
background-color: #0f172a;
font-family: "Poppins", sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}

.dev-card {
background-color: #1e293b;
color: #e2e8f0;
width: 380px;
border-radius: 1rem;
padding: 2rem;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
transition: transform 0.3s ease;
text-align: center;
}

.dev-card:hover {
transform: translateY(-5px);
}

.profile-pic {
width: 90px;
height: 90px;
border-radius: 50%;
border: 3px solid #38bdf8;
margin-bottom: 1rem;
}

h2 {
margin-bottom: 0.3rem;
}

.bio {
font-size: 0.9rem;
color: #cbd5e1;
line-height: 1.5;
margin-bottom: 1.2rem;
}

.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
margin-bottom: 1.3rem;
}

.badge {
padding: 0.4rem 0.8rem;
border-radius: 0.5rem;
font-size: 0.8rem;
font-weight: 600;
}

.icon {
width: 2rem;
height: 2rem;
}

ul {
list-style: none;
padding: 0;
text-align: left;
font-size: 0.85rem;
line-height: 1.5;
margin-bottom: 1rem;
}

ul li a {
color: #38bdf8;
text-decoration: none;
}

ul li a:hover {
text-decoration: underline;
}

.links {
margin-top: 1.2rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0.6rem;
}

.links a {
background: #38bdf8;
color: #0f172a;
padding: 0.4rem 0.9rem;
border-radius: 0.5rem;
font-weight: 600;
font-size: 0.85rem;
text-decoration: none;
transition: background 0.3s;
}

.links a:hover {
background: #0ea5e9;
}

@media (max-width: 480px) {
.dev-card {
width: 90%;
padding: 1.5rem;
}
}
</style>