Skip to content

Commit 0a81159

Browse files
cyrusyamircyrusyamir
committed
initial commit
0 parents  commit 0a81159

File tree

10 files changed

+1020
-0
lines changed

10 files changed

+1020
-0
lines changed

‎.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎index.html‎

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Portfolio</title>
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
9+
<link rel="stylesheet" href="/src/css/style.css">
10+
</head>
11+
12+
<body>
13+
<div class="container">
14+
<!-- Header -->
15+
<header class="header">
16+
<div class="profile">
17+
<img src="/profile.jpg" alt="Profile" class="profile-img">
18+
<div class="profile-info">
19+
<h1>Your Name</h1>
20+
<p class="title">Software Engineer</p>
21+
</div>
22+
</div>
23+
<div class="social-links">
24+
<a href="#" class="social-icon"><i class="fab fa-github"></i></a>
25+
<a href="#" class="social-icon"><i class="fab fa-linkedin"></i></a>
26+
<a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
27+
<a href="#" class="social-icon"><i class="fas fa-envelope"></i></a>
28+
</div>
29+
</header>
30+
31+
<!-- Navigation -->
32+
<nav class="nav-tabs">
33+
<button class="tab-btn active" data-tab="home">
34+
<i class="fas fa-home"></i> <span> Home </span>
35+
</button>
36+
<button class="tab-btn" data-tab="experience">
37+
<i class="fas fa-briefcase"></i><span>Experience</span>
38+
</button>
39+
<button class="tab-btn" data-tab="projects">
40+
<i class="fas fa-code"></i> <span>Projects</span>
41+
</button>
42+
<button class="tab-btn" data-tab="resume">
43+
<i class="fas fa-file"></i> <span> Resume</span>
44+
</button>
45+
</nav>
46+
47+
<!-- Content -->
48+
<main class="content">
49+
<section id="home" class="tab-content active">
50+
<!-- About Section -->
51+
<h2 class="section-title">About</h2>
52+
<div class="card">
53+
<p class="intro-text">
54+
Hey, I'm <strong>Your Name</strong> 👋. I am a passionate Developer 💻 who loves to code insane products.
55+
</p>
56+
<p>
57+
I am an Enthusiastic problem solver with excellent communication skills and a strong ability to
58+
analyze complex issues and deliver effective solutions. Highly skilled web developer with
59+
extensive experience in creating user-friendly web applications.
60+
</p>
61+
</div>
62+
63+
<!-- Tech Stack Section -->
64+
<h2 class="section-title">Tech Stack</h2>
65+
<div class="card">
66+
<div class="tech-category">
67+
<h3>Languages</h3>
68+
<div class="tech-pills">
69+
<span class="tech-pill"><i class="fab fa-js"></i> JavaScript</span>
70+
<span class="tech-pill"><i class="fab fa-python"></i> Python</span>
71+
<span class="tech-pill"><i class="fab fa-java"></i> Java</span>
72+
</div>
73+
</div>
74+
<div class="tech-category">
75+
<h3>Frameworks & Libraries</h3>
76+
<div class="tech-pills">
77+
<span class="tech-pill"><i class="fab fa-react"></i> React.js</span>
78+
<span class="tech-pill"><i class="fab fa-node"></i> Node.js</span>
79+
<span class="tech-pill"><i class="fab fa-sass"></i> Sass</span>
80+
</div>
81+
</div>
82+
</div>
83+
</section>
84+
85+
86+
<!-- Update the existing sections and add new ones -->
87+
<!-- Home Section (keep existing) -->
88+
89+
<!-- Work Experience Section -->
90+
<section id="experience" class="tab-content">
91+
<h2 class="section-title">Work Experience</h2>
92+
<div class="card">
93+
<div class="experience-item">
94+
<h3>Coademy 🌪</h3>
95+
<p><strong>SDE | Internship</strong></p>
96+
<ul class="experience-list">
97+
<li>Engineered a high-performance backend using RESTful APIs of Express.js...</li>
98+
<li>Designed and structured scalable APIs...</li>
99+
<li>Helped design team in crafting intuitive interfaces...</li>
100+
</ul>
101+
</div>
102+
103+
<div class="experience-item">
104+
<h3>DIC MDART 🌪</h3>
105+
<p><strong>Artificial Intelligence | Internship</strong></p>
106+
<ul class="experience-list">
107+
<li>Developed machine learning model to detect brain tumors...</li>
108+
<li>Utilized dataset of ~10,000 MRI scans...</li>
109+
<li>Achieved 70% accuracy...</li>
110+
<li>Focused on image preprocessing techniques...</li>
111+
</ul>
112+
</div>
113+
</div>
114+
</section>
115+
116+
<!-- Projects Section --><!-- Add this to your HTML -->
117+
<section id="projects" class="tab-content">
118+
<h2 class="section-title">Projects</h2>
119+
<div class="card">
120+
<!-- Chess Project -->
121+
<div class="project-card">
122+
<div class="project-header">
123+
<div class="project-image-wrapper">
124+
<img src="https://via.placeholder.com/600x300/222/ccc?text=Chess+App" alt="Chess App"
125+
class="project-image">
126+
</div>
127+
<div class="project-meta">
128+
<h3>Chess Platform</h3>
129+
<div class="tech-pills">
130+
<span class="tech-pill"><i class="fab fa-node"></i> Node.js</span>
131+
<span class="tech-pill"><i class="fas fa-code"></i> TypeScript</span>
132+
<span class="tech-pill"><i class="fas fa-bolt"></i> WebSocket</span>
133+
</div>
134+
<div class="project-links">
135+
<a href="#" class="project-link">
136+
<i class="fab fa-github"></i> Source
137+
</a>
138+
<a href="#" class="project-link">
139+
<i class="fas fa-external-link-alt"></i> Live Demo
140+
</a>
141+
</div>
142+
</div>
143+
</div>
144+
<p class="project-description">
145+
Real-time chess platform enabling global multiplayer matches with
146+
Elo rating system and chat functionality. Built with modern
147+
WebSocket architecture for seamless interaction.
148+
</p>
149+
</div>
150+
151+
<!-- Add more project cards with similar structure -->
152+
</div>
153+
</section>
154+
155+
<!-- Resume Section (keep if needed) -->
156+
</main>
157+
</div>
158+
<script type="module" src="/src/js/main.js"></script>
159+
</body>
160+
161+
</html>

‎package.json‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
{
2+
"name": "personalportfolio",
3+
"private": true,
4+
"version": "0.0.0",
5+
"type": "module",
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "vite build",
9+
"preview": "vite preview"
10+
},
11+
"devDependencies": {
12+
"vite": "^6.1.0"
13+
}
14+
}

‎public/profile.jpg‎

147 KB
Loading

‎public/vite.svg‎

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)