Compare commits
3 Commits
mohammed
...
d0a0fcceb4
| Author | SHA1 | Date | |
|---|---|---|---|
| d0a0fcceb4 | |||
|
5e3d897255 | ||
|
|
e5bae28b53 |
4
.vscode/settings.json
vendored
4
.vscode/settings.json
vendored
@@ -3,7 +3,9 @@
|
|||||||
"Almuthafar",
|
"Almuthafar",
|
||||||
"Ecommerce",
|
"Ecommerce",
|
||||||
"navheight",
|
"navheight",
|
||||||
|
"Tuhama",
|
||||||
"yaseen",
|
"yaseen",
|
||||||
"Zoik"
|
"Zoik"
|
||||||
]
|
],
|
||||||
|
"liveServer.settings.port": 5501
|
||||||
}
|
}
|
||||||
@@ -12,39 +12,67 @@
|
|||||||
<img src="images/happy-bearded-young-man.jpg" class="avatar-image img-fluid" alt="" />
|
<img src="images/happy-bearded-young-man.jpg" class="avatar-image img-fluid" alt="" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3 class="pt-2 mb-3">A little bit about Mohammed</h3>
|
<h3 class="pt-2 mb-3">A little bit about Tuhama</h3>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
👋 Greetings I'm Mohammed, a dedicated software engineer with a passion for creating innovative solutions.
|
👋 Greetings! I'm Tuhama, a Senior Frontend Developer with 15+ years of software engineering experience, specializing in the React ecosystem with a strong background in Java Spring Boot. Proven track record of architecting scalable frontend solutions, leading technical teams, and driving code quality strategies. Combines deep technical expertise with project planning skills to deliver end-to-end web applications.
|
||||||
My journey in the field of Information Technology began at the Arab International University
|
|
||||||
in 2016, where I pursued a Bachelor's Degree in Computer Software Engineering,
|
|
||||||
graduating in 2021.
|
|
||||||
<br>
|
|
||||||
<h5> BPro Story </h5>
|
|
||||||
Upon completion of my studies, I embarked on a project to develop an Enterprise Resource Planning (ERP) system. This
|
|
||||||
comprehensive system encompasses seven core components: Inventory Management,
|
|
||||||
Purchasing, Sales, Customer Relationship Management (CRM), Finance, Payments, and
|
|
||||||
Resources
|
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
<h5> Almuthafar Story </h5>
|
<h5> BPRO ERP (Current) </h5>
|
||||||
For <a href="https://www.bayantechnologies.com/"> Bayan Digital Hub </a> (Kuwaiti AWS startup, Oracle Partner ): Develop a platform for
|
<strong>Remote Senior Frontend Developer | Feb 2021 – Present</strong>
|
||||||
managing and tracking law case processes, clients, lawyers, and the administration processes, producing
|
<br>
|
||||||
the results as PDF reports, and making sure that the case processes run smoothly and
|
• Architecture & Optimization: Architected and led the implementation of core frontend modules, significantly improving code maintainability and scalability for the ERP platform.
|
||||||
organized.
|
<br>
|
||||||
|
• Quality Assurance: Established and enforced a comprehensive testing strategy using Cypress E2E tests, resulting in a measurable reduction in production bug reports.
|
||||||
|
<br>
|
||||||
|
• Team Leadership: Mentored a team of 3 junior developers, conducting code reviews and pair programming sessions to foster a culture of technical excellence.
|
||||||
|
<br>
|
||||||
|
• Process Improvement: Managed the frontend repository, approving pull requests to ensure strict adherence to best practices and coding standards.
|
||||||
|
<br>
|
||||||
|
• Product Strategy: Collaborated closely with product designers to translate complex business requirements into functional feature planning and technical specifications.
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
<h5> Big-dash Story </h5>
|
<h5> TURNSOLE LTD </h5>
|
||||||
Engaging in developing a comprehensive banking system ( for <a href="https://moneyout.com.tr"> Moneyout Elektronik Para ve
|
<strong>Remote Senior React Developer (Contract / Part-Time) | Nov 2023 – June 2024</strong>
|
||||||
Ödeme Hizmetleri A.Ş </a>) aimed at facilitating financial transactions across various branches,
|
<br>
|
||||||
incorporating digital wallet functionalities, and supporting transactions executed in
|
• Project Leadership: Spearheaded the end-to-end frontend development of a Pharmacy POS system using Next.js, React Query, and Zustand.
|
||||||
multiple currencies.
|
<br>
|
||||||
|
• Performance: Delivered a high-performance interface capable of handling high-volume transactions with minimal latency.
|
||||||
|
<br>
|
||||||
|
• Best Practices: Defined frontend architecture and drove technical decision-making, ensuring modern standards were met across the codebase.
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
<h5> Easy-pay Story </h5>
|
<h5> DIRECTORATE OF FINANCE (Government Agency) </h5>
|
||||||
For <a href="https://www.facebook.com/MONALISA.SYRIA"> Monalisa restaurant in Damascus </a>, the system includes managing reservations, tables,
|
<strong>Head of Analysis & Software Division (IT Department) | July 2008 – Jan 2021 | Homs, Syria</strong>
|
||||||
products, invoices, government tax integration, debits, and producing different types of reports like
|
<br>
|
||||||
sales and logs of payments.
|
• Division Leadership: Directed the IT division for over 12 years, overseeing software analysis, design, and implementation strategies.
|
||||||
|
<br>
|
||||||
|
• Full-Stack Development: Designed and programmed complex internal systems using Java Spring Boot, MySQL, and ReactJS.
|
||||||
|
<br>
|
||||||
|
• Key Project: Developed a Warehouse Management System (Public Repo: GitHub/WarehouseBackend).
|
||||||
|
<br>
|
||||||
|
• Operations: Managed IT support infrastructure and conducted technical training for agency employees.
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<h5> FREELANCE </h5>
|
||||||
|
<strong>Remote Frontend Developer | Jan 2017 – Jan 2021</strong>
|
||||||
|
<br>
|
||||||
|
• Delivered custom frontend solutions for diverse clients, ensuring 100% responsiveness and cross-browser compatibility.
|
||||||
|
<br>
|
||||||
|
• Translated client requirements into user-friendly interfaces using HTML, CSS, and JavaScript.
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<h5> SOFTNET </h5>
|
||||||
|
<strong>Java Applets Programmer | Aug 2007 – June 2008 | Damascus, Syria</strong>
|
||||||
|
<br>
|
||||||
|
• Contributed to the development of the MTZ Web ERP system using Java Applet technologies.
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<strong>Education:</strong>
|
||||||
|
<br>
|
||||||
|
• Master of Software Engineering | Al Baath University, Syria | 2014 – 2020 (Thesis: Client-side web application security)
|
||||||
|
<br>
|
||||||
|
• Bachelor of Software Engineering | Al Baath University, Syria | 2002 – 2007 (Thesis: Software Watermarking)
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -22,7 +22,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="contact-info-content">
|
<div class="contact-info-content">
|
||||||
<h4>Location</h4>
|
<h4>Location</h4>
|
||||||
<p>Damascus, Syria</p>
|
<p>Homs, Syria</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -32,7 +32,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="contact-info-content">
|
<div class="contact-info-content">
|
||||||
<h4>Email</h4>
|
<h4>Email</h4>
|
||||||
<p><a href="mailto:hello@company.com">hello@company.com</a></p>
|
<p><a href="mailto:tuhama.gh.qlyshi@gmail.com">tuhama.gh.qlyshi@gmail.com</a></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -42,7 +42,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="contact-info-content">
|
<div class="contact-info-content">
|
||||||
<h4>Phone</h4>
|
<h4>Phone</h4>
|
||||||
<p><a href="tel:010-020-0340">010-020-0340</a></p>
|
<p><a href="tel:+963-966-381-266">+963-966-381-266</a></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -52,7 +52,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="contact-info-content">
|
<div class="contact-info-content">
|
||||||
<h4>Name</h4>
|
<h4>Name</h4>
|
||||||
<p>Mohammed</p>
|
<p>Tuhama Qlyshi</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -78,7 +78,7 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="#" class="social-icon-link">
|
<a href="https://github.com/Tuhama" class="social-icon-link" target="_blank">
|
||||||
<i class="bi bi-github"></i>
|
<i class="bi bi-github"></i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@@ -10,19 +10,19 @@
|
|||||||
<div class="profile-body">
|
<div class="profile-body">
|
||||||
<div class="profile-info-item">
|
<div class="profile-info-item">
|
||||||
<span class="profile-small-title">Name</span>
|
<span class="profile-small-title">Name</span>
|
||||||
<span class="profile-value">Mohammed Al-yaseen</span>
|
<span class="profile-value">Tuhama Qlyshi</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="profile-info-item">
|
<div class="profile-info-item">
|
||||||
<span class="profile-small-title">Birthday</span>
|
<span class="profile-small-title">Birthday</span>
|
||||||
<span class="profile-value">Jun 1, 1998</span>
|
<span class="profile-value">Sep 21, 1983</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="profile-info-item">
|
<div class="profile-info-item">
|
||||||
<span class="profile-small-title">Phone</span>
|
<span class="profile-small-title">Phone</span>
|
||||||
<span class="profile-value">
|
<span class="profile-value">
|
||||||
<a href="tel:+963-962-469-482" class="profile-link">
|
<a href="tel:+963-966-381-266" class="profile-link">
|
||||||
<i class="bi bi-telephone-fill me-2"></i>+963-962-469-482
|
<i class="bi bi-telephone-fill me-2"></i>+963-966-381-266
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -30,8 +30,8 @@
|
|||||||
<div class="profile-info-item">
|
<div class="profile-info-item">
|
||||||
<span class="profile-small-title">Email</span>
|
<span class="profile-small-title">Email</span>
|
||||||
<span class="profile-value">
|
<span class="profile-value">
|
||||||
<a href="mailto:mohammed.alyaseen.it@gmail.com" class="profile-link">
|
<a href="mailto:tuhama.gh.qlyshi@gmail.com" class="profile-link">
|
||||||
<i class="bi bi-envelope-fill me-2"></i>mohammed.alyaseen.it@gmail.com
|
<i class="bi bi-envelope-fill me-2"></i>tuhama.gh.qlyshi@gmail.com
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -39,22 +39,16 @@
|
|||||||
<div class="profile-info-item">
|
<div class="profile-info-item">
|
||||||
<span class="profile-small-title">Location</span>
|
<span class="profile-small-title">Location</span>
|
||||||
<span class="profile-value">
|
<span class="profile-value">
|
||||||
<i class="bi bi-geo-alt-fill me-2"></i>Istanbul, Turkey
|
<i class="bi bi-geo-alt-fill me-2"></i>Homs, Syria
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="profile-info-item">
|
<div class="profile-info-item">
|
||||||
<span class="profile-small-title">Social</span>
|
<span class="profile-small-title">Social</span>
|
||||||
<div class="profile-social-links">
|
<div class="profile-social-links">
|
||||||
<a href="https://www.linkedin.com/in/mohammed-al-yaseen-79b056161/" class="profile-social-link" target="_blank">
|
<a href="https://github.com/Tuhama" class="profile-social-link" target="_blank">
|
||||||
<i class="bi bi-linkedin"></i>
|
|
||||||
</a>
|
|
||||||
<a href="https://github.com/mohammed-alyaseen" class="profile-social-link" target="_blank">
|
|
||||||
<i class="bi bi-github"></i>
|
<i class="bi bi-github"></i>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://www.facebook.com/profile.php?id=100010330412662" class="profile-social-link" target="_blank">
|
|
||||||
<i class="bi bi-facebook"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -66,7 +60,7 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-6 col-6 featured-border-bottom py-3">
|
<div class="col-lg-6 col-6 featured-border-bottom py-3">
|
||||||
<div class="featured-item">
|
<div class="featured-item">
|
||||||
<strong class="featured-numbers">4+</strong>
|
<strong class="featured-numbers">15+</strong>
|
||||||
<p class="featured-text">Years of Experience</p>
|
<p class="featured-text">Years of Experience</p>
|
||||||
<div class="featured-icon">
|
<div class="featured-icon">
|
||||||
<i class="bi bi-briefcase-fill"></i>
|
<i class="bi bi-briefcase-fill"></i>
|
||||||
@@ -86,7 +80,7 @@
|
|||||||
|
|
||||||
<div class="col-lg-6 col-6 pt-4">
|
<div class="col-lg-6 col-6 pt-4">
|
||||||
<div class="featured-item">
|
<div class="featured-item">
|
||||||
<strong class="featured-numbers">10+</strong>
|
<strong class="featured-numbers">5+</strong>
|
||||||
<p class="featured-text">Projects Finished</p>
|
<p class="featured-text">Projects Finished</p>
|
||||||
<div class="featured-icon">
|
<div class="featured-icon">
|
||||||
<i class="bi bi-check-circle-fill"></i>
|
<i class="bi bi-check-circle-fill"></i>
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<div class="col-lg-12 col-12">
|
<div class="col-lg-12 col-12">
|
||||||
<div class="copyright-text-wrap">
|
<div class="copyright-text-wrap">
|
||||||
<p class="mb-0">
|
<p class="mb-0">
|
||||||
<span class="copyright-text">Copyright © 2024 <a href="#">Mohammed</a> Company. All rights reserved.</span>
|
<span class="copyright-text">Copyright © 2026 <a href="#">Tuhama Qlyshi</a>. All rights reserved.</span>
|
||||||
<span class="copyright-text">Design: <a href="https://templatemo.com" target="_blank">TemplateMo</a></span>
|
<span class="copyright-text">Design: <a href="https://templatemo.com" target="_blank">TemplateMo</a></span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@
|
|||||||
|
|
||||||
<div class="d-flex align-items-center d-lg-none">
|
<div class="d-flex align-items-center d-lg-none">
|
||||||
<i class="navbar-icon bi-telephone-plus me-3"></i>
|
<i class="navbar-icon bi-telephone-plus me-3"></i>
|
||||||
<a class="custom-btn btn" href="#section_5"> +963-962-469-482 </a>
|
<a class="custom-btn btn" href="#section_5"> +963-966-381-266 </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||||||
@@ -52,7 +52,7 @@
|
|||||||
|
|
||||||
<div class="d-lg-flex align-items-center d-none ms-auto">
|
<div class="d-lg-flex align-items-center d-none ms-auto">
|
||||||
<i class="navbar-icon bi-telephone-plus me-3"></i>
|
<i class="navbar-icon bi-telephone-plus me-3"></i>
|
||||||
<a class="custom-btn btn" href="#section_5"> +963-962-469-482 </a>
|
<a class="custom-btn btn" href="#section_5"> +963-966-381-266 </a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<h5 class="hero-title ms-3 mb-0">Hello friend!</h5>
|
<h5 class="hero-title ms-3 mb-0">Hello friend!</h5>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2 class="mb-4">I'm available for freelance work.</h2>
|
<h2 class="mb-4">Senior Frontend Developer with 15+ years of experience</h2>
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
<a class="custom-btn btn custom-link" href="#section_2">Let's begin</a>
|
<a class="custom-btn btn custom-link" href="#section_2">Let's begin</a>
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -130,19 +130,6 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Moneyout Bank -->
|
|
||||||
<div class="col-lg-4 col-md-6 col-12">
|
|
||||||
<div class="projects-thumb">
|
|
||||||
<div class="projects-info">
|
|
||||||
<small class="projects-tag">Website</small>
|
|
||||||
<h3 class="projects-title">Moneyout Bank</h3>
|
|
||||||
</div>
|
|
||||||
<a href="images/projects/moneyout.png" class="popup-image">
|
|
||||||
<img src="images/projects/moneyout.png" class="projects-image img-fluid" alt="" />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -11,13 +11,13 @@ https://templatemo.com/tm-578-first-portfolio
|
|||||||
-----------------------------------------*/
|
-----------------------------------------*/
|
||||||
:root {
|
:root {
|
||||||
--white-color: #ffffff;
|
--white-color: #ffffff;
|
||||||
--primary-color: #535da1;
|
--primary-color: #ff69b4; /* Hot pink */
|
||||||
--secondary-color: #14b789;
|
--secondary-color: #ffb6c1; /* Light pink */
|
||||||
--section-bg-color: #f9f9f9;
|
--section-bg-color: #fff5f7; /* Very light pink */
|
||||||
--dark-color: #000000;
|
--dark-color: #4a4a4a; /* Softer dark color */
|
||||||
--p-color: #717275;
|
--p-color: #666666;
|
||||||
--border-color: #e9eaeb;
|
--border-color: #ffd1dc; /* Light pink border */
|
||||||
--featured-border-color: #727aab;
|
--featured-border-color: #ff69b4;
|
||||||
|
|
||||||
--body-font-family: "DM Sans", sans-serif;
|
--body-font-family: "DM Sans", sans-serif;
|
||||||
|
|
||||||
@@ -143,9 +143,10 @@ strong {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.section-title-wrap {
|
.section-title-wrap {
|
||||||
background: var(--secondary-color);
|
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
|
||||||
border-radius: var(--border-radius-small);
|
border-radius: var(--border-radius-small);
|
||||||
padding: 10px 30px;
|
padding: 10px 30px;
|
||||||
|
box-shadow: 0 4px 15px rgba(255, 105, 180, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*---------------------------------------
|
/*---------------------------------------
|
||||||
@@ -261,9 +262,10 @@ strong {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.custom-btn {
|
.custom-btn {
|
||||||
background: var(--secondary-color);
|
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
|
||||||
border-radius: var(--border-radius-large);
|
border: none;
|
||||||
color: var(--white-color);
|
color: var(--white-color);
|
||||||
|
box-shadow: 0 4px 15px rgba(255, 105, 180, 0.2);
|
||||||
font-weight: var(--font-weight-bold);
|
font-weight: var(--font-weight-bold);
|
||||||
padding: 12px 24px;
|
padding: 12px 24px;
|
||||||
}
|
}
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 152 KiB |
@@ -6,7 +6,7 @@
|
|||||||
<meta name="description" content="" />
|
<meta name="description" content="" />
|
||||||
<meta name="author" content="TemplateMo" />
|
<meta name="author" content="TemplateMo" />
|
||||||
|
|
||||||
<title>Mohammed Al-yaseen</title>
|
<title>Tuhama Qlyshi</title>
|
||||||
|
|
||||||
<!-- CSS FILES -->
|
<!-- CSS FILES -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
|
|||||||
Reference in New Issue
Block a user