-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4f17de6
commit b37fcfd
Showing
2 changed files
with
265 additions
and
3 deletions.
There are no files selected for viewing
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,11 +2,273 @@ | |
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Document</title> | ||
<title>Amin Dannak - Portfolio</title> | ||
<style> | ||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap'); | ||
|
||
body { | ||
font-family: 'Poppins', sans-serif; | ||
line-height: 1.6; | ||
color: #333; | ||
margin: 0; | ||
padding: 0; | ||
background-color: #f4f4f4; | ||
} | ||
|
||
.container { | ||
max-width: 1200px; | ||
margin: 0 auto; | ||
padding: 0 20px; | ||
} | ||
|
||
header { | ||
background-color: #3498db; | ||
color: #fff; | ||
/* padding: 2rem 0; */ | ||
max-width: 1200px; | ||
margin: 0 auto; | ||
padding: 20px 0; | ||
|
||
} | ||
|
||
header h1 { | ||
margin: 0; | ||
font-size: 2.5rem; | ||
} | ||
|
||
header h2 { | ||
margin: 0.5rem 0; | ||
font-size: 1.5rem; | ||
font-weight: 300; | ||
} | ||
|
||
.contact-info { | ||
display: flex; | ||
flex-wrap: wrap; | ||
gap: 1rem; | ||
margin-top: 1rem; | ||
} | ||
|
||
.contact-info a { | ||
color: #fff; | ||
text-decoration: none; | ||
display: flex; | ||
align-items: center; | ||
} | ||
|
||
.contact-info a:hover { | ||
text-decoration: underline; | ||
} | ||
|
||
.icon { | ||
width: 20px; | ||
height: 20px; | ||
margin-right: 0.5rem; | ||
} | ||
|
||
main { | ||
padding: 2rem 0; | ||
} | ||
|
||
section { | ||
background-color: #fff; | ||
border-radius: 5px; | ||
padding: 2rem; | ||
margin-bottom: 2rem; | ||
box-shadow: 0 2px 5px rgba(0,0,0,0.1); | ||
} | ||
|
||
h2 { | ||
color: #2c3e50; | ||
border-bottom: 2px solid #3498db; | ||
padding-bottom: 0.5rem; | ||
margin-top: 0; | ||
} | ||
|
||
.experience-item, .project-item { | ||
margin-bottom: 1.5rem; | ||
} | ||
|
||
.experience-item h3, .project-item h3 { | ||
margin-bottom: 0.5rem; | ||
color: #2c3e50; | ||
} | ||
|
||
.experience-item p, .project-item p { | ||
margin: 0.5rem 0; | ||
} | ||
|
||
ul { | ||
padding-left: 20px; | ||
} | ||
|
||
.skills-list { | ||
display: flex; | ||
flex-wrap: wrap; | ||
gap: 0.5rem; | ||
list-style-type: none; | ||
padding: 0; | ||
} | ||
|
||
.skills-list li { | ||
background-color: #e0f2fe; | ||
color: #3498db; | ||
padding: 0.3rem 0.8rem; | ||
border-radius: 20px; | ||
font-size: 0.9rem; | ||
} | ||
|
||
.download-btn { | ||
display: inline-block; | ||
background-color: #ffd269; | ||
color: #333; | ||
padding: 0.5rem 1rem; | ||
margin-top: 1rem; | ||
text-decoration: none; | ||
border-radius: 5px; | ||
transition: background-color 0.3s ease; | ||
} | ||
|
||
.download-btn:hover { | ||
background-color: #fecd58; | ||
} | ||
|
||
footer { | ||
background-color: #2c3e50; | ||
color: #fff; | ||
text-align: center; | ||
padding: 1rem 0; | ||
margin-top: 2rem; | ||
} | ||
|
||
@media (max-width: 768px) { | ||
.contact-info { | ||
flex-direction: column; | ||
} | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<a href="emzamy://payment">go back</a> | ||
<header> | ||
<div class="container"> | ||
<h1>Amin Dannak</h1> | ||
<h2>Mobile and Frontend Developer</h2> | ||
<div class="contact-info"> | ||
<a href="tel:+19360000000"> | ||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg> | ||
+98 9362204862 | ||
</a> | ||
<a href="mailto:[email protected]"> | ||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> | ||
[email protected] | ||
</a> | ||
<a href="https://github.com/amindannak" target="_blank" rel="noopener noreferrer"> | ||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg> | ||
amindannak | ||
</a> | ||
<a href="https://linkedin.com/in/amin-zaherdannak" target="_blank" rel="noopener noreferrer"> | ||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg> | ||
amin-zaherdannak | ||
</a> | ||
</div> | ||
<a href="./Amin-Zaherdannak-Resume__Mobile-and-Frontend-Developer.pdf" download class="download-btn">Download Resume</a> | ||
</div> | ||
</header> | ||
|
||
<main class="container"> | ||
<section> | ||
<h2>About Me</h2> | ||
<p> | ||
I'm a passionate Mobile and Frontend Developer with extensive experience in React, React Native, and Next.js. | ||
I specialize in creating efficient, user-friendly applications and have a track record of optimizing performance | ||
and reducing dependencies. With a background in both mobile and web development, I bring a versatile skill set | ||
to every project. | ||
</p> | ||
<p> | ||
(or at least that's what the AI who wrote this thinks about me 😉) | ||
</p> | ||
</section> | ||
|
||
<section> | ||
<h2>Work Experience</h2> | ||
<div class="experience-item"> | ||
<h3>Mobile and Frontend Developer</h3> | ||
<p>Shakeylead, Iran - Tehran | April 2022 - Present</p> | ||
<ul> | ||
<li>Rewrote the entire Emzame digital signature app, reducing APK size by 35% and cutting dependencies by 45%</li> | ||
<li>Published Android and iOS apps on corresponding stores</li> | ||
<li>Developed a native module with Kotlin to replace a 3rd-party digital signature SDK</li> | ||
<li>Created patches to improve third-party dependencies</li> | ||
<li>Collaborated on maintaining five distinct React and Next.js apps</li> | ||
</ul> | ||
</div> | ||
<div class="experience-item"> | ||
<h3>React/React Native Developer</h3> | ||
<p>Hamyar Koosha, Iran - Dezful | July 2020 - March 2022</p> | ||
<ul> | ||
<li>Developed React and React Native apps, optimizing UI performance</li> | ||
<li>Led a team of 5 developers in building and maintaining codebases for two projects</li> | ||
<li>Refactored legacy code and introduced agile practices</li> | ||
<li>Documented workflows in a private wiki for onboarding and knowledge sharing</li> | ||
<li>Managed user testing and translated feedback into improvements</li> | ||
</ul> | ||
</div> | ||
</section> | ||
|
||
<section> | ||
<h2>Independent Projects</h2> | ||
<div class="project-item"> | ||
<h3>PlateMate (2024)</h3> | ||
<p>A desktop app built with Electron, Selenium, TypeScript, Tailwind CSS, and shadcn/ui to automate appointment booking on the government site for car plate changes.</p> | ||
</div> | ||
<div class="project-item"> | ||
<h3>Hyperomet (2020)</h3> | ||
<p>A desktop application using Electron, React, MUI and TypeScript. It generates non-linear TCL Opensees models, Pushover, and IDA analysis files, and transforms the results into required formats.</p> | ||
</div> | ||
<div class="project-item"> | ||
<h3>Movies App (2019 - 2020)</h3> | ||
<p>An open-source native Android application using MVVM architecture, Lifecycle library, Room ORM, Paging, Glide, and Retrofit libraries. This application consumes a REST API to obtain the data it requires to function.</p> | ||
</div> | ||
<div class="project-item"> | ||
<h3>Multiple C++, MATLAB and Maple applications (2017 - 2018)</h3> | ||
<p>Utilizing OOP and functional paradigms covering different fields ranging from P-M interaction diagrams for RC columns with circular cross-sections to more advanced topics such as Finite Element, non-linear and Plastic Analyses.</p> | ||
</div> | ||
</section> | ||
|
||
<section> | ||
<h2>Publications & Content Creation</h2> | ||
<div class="project-item"> | ||
<h3>Git, once and for all (2024)</h3> | ||
<p>13+ hour comprehensive course on Git and GitHub, covering version control fundamentals and advanced workflows</p> | ||
</div> | ||
</section> | ||
|
||
<section> | ||
<h2>Skills</h2> | ||
<ul class="skills-list"> | ||
<li>React</li> | ||
<li>React Native</li> | ||
<li>Next.js</li> | ||
<li>HTML</li> | ||
<li>CSS</li> | ||
<li>Tailwind CSS</li> | ||
<li>JavaScript</li> | ||
<li>TypeScript</li> | ||
<li>Git</li> | ||
<li>Redux</li> | ||
<li>Axios</li> | ||
<li>OOP</li> | ||
<li>Design Patterns</li> | ||
</ul> | ||
</section> | ||
|
||
</main> | ||
|
||
<footer> | ||
<div class="container"> | ||
<p>© 2024 Amin Dan. All rights reserved.</p> | ||
</div> | ||
</footer> | ||
</body> | ||
</html> |