119 lines
5.1 KiB
HTML
119 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- Bootstrap -->
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/main.css" rel="stylesheet">
|
|
|
|
<script src="js/main.js"></script>
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
<title>Fajar Nugroho - Portfolio</title>
|
|
</head>
|
|
<body class="bg-light-subtle">
|
|
|
|
<!-- ===== NAVBAR ===== -->
|
|
<nav class="navbar navbar-expand-lg bg-light sticky-top border-bottom">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">Fajar Nugroho</a>
|
|
<div>
|
|
<a class="nav-link d-inline" href="#about">About</a>
|
|
<a class="nav-link d-inline" href="#projects">Projects</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- ===== ABOUT ===== -->
|
|
<section id="about">
|
|
<h2 class="mb-3">Who is Fajar Nugroho?</h2>
|
|
<img src="img/square.jpg" alt="Fajar Nugroho" class="float-start me-3 mb-3 rounded" width="150" height="150" />
|
|
<p>
|
|
A male System Architect born in Pekanbaru on April 26, 1996. Building software since 2012, with an early focus on Visual Basic and Windows platforms. Expanded into cross-platform development in 2021 and formally transitioned to C# as the primary language in January 2022.
|
|
</p>
|
|
<p>
|
|
Experienced in designing and implementing software solutions across various industries, including education, sports, F&B, heavy equipments, and government-related. Passionate about creating efficient, scalable, and maintainable systems that solve real-world problems.
|
|
</p>
|
|
</section>
|
|
|
|
<!-- ===== PROJECTS ===== -->
|
|
<section id="projects" class="bg-success-subtle">
|
|
<h2 class="mb-4">Projects</h2>
|
|
|
|
<!-- Project 1 -->
|
|
<div class="card mb-3 p-3 project">
|
|
<h5>2025 - Billing, POS, and Inventory Management System</h5>
|
|
<p>A web-based system for managing billing, point-of-sale operations, and inventory for F&B business.</p>
|
|
|
|
<div class="project-details d-none">
|
|
<p><strong>Role:</strong> System Architect - Responsible for overall system design, architecture decisions, and development.</p>
|
|
<p><strong>Tech Used:</strong> C#, Microsoft SQL Server, HTML, JavaScript, CSS</p>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-3 p-3 project">
|
|
<h5>2020-2023 - School Technology Platform</h5>
|
|
<p>A technology platform built around a Computer-Based Testing (CBT) system for educational institutions.</p>
|
|
|
|
<div class="project-details d-none">
|
|
<p><strong>Role:</strong> Team Leader - Responsible for overall system design, architecture decisions, development, and user feedback.</p>
|
|
<p><strong>Tech Used:</strong> C#, Microsoft SQL Server, HTML, JavaScript, CSS</p>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-3 p-3 project">
|
|
<h5>2019 - Meeting Attendance Apps</h5>
|
|
<p>A lightweight application designed for recording meeting attendance and generating printable reports.</p>
|
|
|
|
<div class="project-details d-none">
|
|
<p><strong>Role:</strong> Sole Developer - Responsible for development of the application.</p>
|
|
<p><strong>Tech Used:</strong> VB.NET, Microsoft Access</p>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-3 p-3 project">
|
|
<h5>2018-2019 - Computer-Based Testing (CBT) System</h5>
|
|
<p>A CBT system for educational institutions.</p>
|
|
|
|
<div class="project-details d-none">
|
|
<p><strong>Role:</strong> Team Leader - Responsible for overall system design, architecture decisions, development, and user feedback.</p>
|
|
<p><strong>Tech Used:</strong> VB.NET (initially), C#, Microsoft SQL Server, HTML, JavaScript, CSS</p>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-3 p-3 project">
|
|
<h5>2015-2016 - Billing and F&B POS Application</h5>
|
|
<p>A desktop app for managing billing and point-of-sale operations for F&B business.</p>
|
|
|
|
<div class="project-details d-none">
|
|
<p><strong>Role:</strong> Sole Developer - Responsible for overall application development.</p>
|
|
<p><strong>Tech Used:</strong> VB.NET</p>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-3 p-3 project">
|
|
<h5>2015 - Membership Card Application</h5>
|
|
<p>A desktop application for managing members information with printable membership cards.</p>
|
|
|
|
<div class="project-details d-none">
|
|
<p><strong>Role:</strong> Sole Developer - Responsible for overall application development.</p>
|
|
<p><strong>Tech Used:</strong> VB.NET</p>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-3 p-3 project">
|
|
<h5>2012 - Student ID Card Application</h5>
|
|
<p>A desktop application for generating and managing student ID cards.</p>
|
|
|
|
<div class="project-details d-none">
|
|
<p><strong>Role:</strong> Programmer - Responsible for writing code listings and debugging.</p>
|
|
<p><strong>Tech Used:</strong> VB.NET, Microsoft SQL Server</p>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<!-- ===== FOOTER ===== -->
|
|
<footer class="text-center bg-dark-subtle">
|
|
<p>Copyright © 2026 Fajar Nugroho. All rights reserved.</p>
|
|
<p>Designed using <a href="https://getbootstrap.com/">Bootstrap</a>.</p>
|
|
</footer>
|
|
|
|
<!-- ===== JAVASCRIPT ===== -->
|
|
|
|
</body>
|
|
</html> |