Skip to content

Commit

Permalink
Added 2 projects and updated inventory manager project page
Browse files Browse the repository at this point in the history
  • Loading branch information
@Code-JL
Code-JL committed Jan 10, 2025
1 parent fe17996 commit 9d8738e
Show file tree
Hide file tree
Showing 7 changed files with 386 additions and 0 deletions.
Empty file added projects/dna-sequence-analyzer copy/about.css
View file
Empty file.
Empty file added projects/dna-sequence-analyzer copy/about.html
View file
Empty file.
75 changes: 75 additions & 0 deletions projects/dna-sequence-analyzer/about.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
/* Project Styling */
.project img {
width: 70%;
border-radius: 5px;
margin-bottom: 15px;
}

/* Technology Badges */
.tech-grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
margin: 20px 0;
}

.tech-badge {
background: #1b4e7e;
color: #eef6fc;
padding: 8px 16px;
border-radius: 20px;
font-size: 16px;
border: 2px solid #e7df69;
}

/* Code Blocks */
pre {
background: #2a2a2a;
padding: 15px;
border-radius: 5px;
overflow-x: auto;
border-left: 3px solid #e7df69;
margin: 15px 0;
}

code {
color: #e7df69;
font-family: 'Consolas', monospace;
}

/* Typography */
li, p {
font-size: 18px;
}

h1 {
font-size: 85px;
}

h2 {
font-size: 55px;
}

h3 {
font-size: 40px;
text-align: left;
}

/* Contact Section */
section#contact p a img {
width: 50px;
height: 50px;
margin-right: 8px;
vertical-align: middle;
}

section#contact p a {
font-family: 'rampage-monoline', sans-serif;
font-size: 30px;
color: #e7df69;
}

section#contact p a:visited {
color: #dfa843;
}
104 changes: 104 additions & 0 deletions projects/dna-sequence-analyzer/about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects - DNA Sequence Analyzer</title>
<link rel="stylesheet" href="../../assets/load/universal.css">
<link rel="stylesheet" href="about.css">
</head>
<body>
<header></header>
<main>
<!-- Project Title -->
<section class="title">
<h1 id="type">DNA Sequence Analyzer</h1>
<p>A robust <strong>Python-based bioinformatics tool</strong> for comprehensive DNA sequence analysis and manipulation, featuring advanced pattern recognition and gene detection capabilities.</p>
</section>

<!-- Technologies -->
<section class="technologies">
<h2>Technologies Used</h2>
<div class="tech-grid">
<span class="tech-badge">Python 3.8+</span>
<span class="tech-badge">pytest</span>
<span class="tech-badge">FASTA</span>
<span class="tech-badge">CLI</span>
</div>
</section>

<!-- Features Section -->
<section class="project">
<h2>Features</h2>
<ul>
<li><strong>GC Content Analysis:</strong> Precise calculation of GC content percentage in DNA sequences</li>
<li><strong>Nucleotide Distribution:</strong> Detailed analysis of nucleotide frequencies</li>
<li><strong>Pattern Recognition:</strong> Advanced motif finding with position reporting</li>
<li><strong>Sequence Manipulation:</strong> Generate complement and reverse complement sequences</li>
<li><strong>Gene Detection:</strong> Identify potential coding regions using start/stop codons</li>
<li><strong>FASTA Support:</strong> Full compatibility with standard FASTA file format</li>
</ul>
</section>

<!-- Implementation -->
<section class="project">
<h2>Implementation</h2>
<h3>Project Structure</h3>
<pre><code>dna_analyzer/
├── src/
│ ├── sequence_analyzer.py
│ ├── utils.py
│ └── main.py
├── tests/
│ └── test_analyzer.py
├── data/
│ ├── example1.fasta
│ └── example2.fasta
└── docs/</code></pre>

<h3>Usage Example</h3>
<pre><code># Basic Analysis
python src/main.py -i data/example1.fasta -o results.txt -a

# Motif Search
python src/main.py -i data/example2.fasta -m ATCG -o motif_results.txt</code></pre>
</section>

<!-- Technical Details -->
<section class="project">
<h2>Technical Highlights</h2>
<ul>
<li>Modular architecture for easy extension and maintenance</li>
<li>Comprehensive test coverage using pytest</li>
<li>Efficient sequence processing algorithms</li>
<li>Command-line interface for automated analysis</li>
<li>Support for multiple input sequence formats</li>
</ul>
</section>

<!-- Documentation -->
<section id="contact">
<h2>Resources</h2>
<p><a href="https://github.com/Code-JL/DNA-Sequence-Analyzer" target="_blank">
<img src="../../images/github.png" alt="GitHub Icon">GitHub Repository
</a></p>
</section>

<!-- License -->
<section class="project">
<h2>License</h2>
<p>This project is licensed under the MIT License. See the <a href="https://github.com/Code-JL/DNA-Sequence-Analyzer/blob/main/LICENSE" target="_blank">LICENSE</a> file for details.</p>
</section>
</main>

<footer>
<p>© 2025 DNA Sequence Analyzer</p>
</footer>

<canvas id="bg1"></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js"></script>
<script src="../projectsUniversal.js"></script>
</body>
</html>
31 changes: 31 additions & 0 deletions projects/inventory_manager/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,37 @@ <h2>Features</h2>
</ul>
</section>

<!-- Development Journey Section (Add this after the Features Section) -->
<section class="project">
<h2>Development Journey</h2>
<h3>Command-Line Origins</h3>
<p>The GUI Inventory Manager evolved from a robust command-line application that established the core functionality:</p>
<ul>
<li>CSV-based data persistence</li>
<li>Comprehensive item management</li>
<li>Configurable settings system</li>
<li>Input validation and error handling</li>
</ul>

<h3>Evolution to GUI</h3>
<p>Building on this foundation, the project transformed into a modern graphical application using wxWidgets, introducing:</p>
<ul>
<li>Intuitive visual interface replacing command-line menus</li>
<li>Real-time item updates and visual feedback</li>
<li>Cross-platform compatibility</li>
<li>Enhanced data visualization</li>
</ul>

<h3>Technical Growth</h3>
<p>This evolution showcases the project's technical progression:</p>
<ul>
<li>From standard C++ file I/O to GUI-integrated storage systems</li>
<li>Expansion from console-based validation to interactive form validation</li>
<li>Migration from CSV-only storage to multiple data format support</li>
<li>Integration of visual components while maintaining core business logic</li>
</ul>
</section>

<!-- Implementation -->
<section class="project">
<h2>Implementation</h2>
Expand Down
75 changes: 75 additions & 0 deletions projects/portfolio_website/about.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
/* Project Styling */
.project img {
width: 70%;
border-radius: 5px;
margin-bottom: 15px;
}

/* Technology Badges */
.tech-grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
margin: 20px 0;
}

.tech-badge {
background: #1b4e7e;
color: #eef6fc;
padding: 8px 16px;
border-radius: 20px;
font-size: 16px;
border: 2px solid #e7df69;
}

/* Code Blocks */
pre {
background: #2a2a2a;
padding: 15px;
border-radius: 5px;
overflow-x: auto;
border-left: 3px solid #e7df69;
margin: 15px 0;
}

code {
color: #e7df69;
font-family: 'Consolas', monospace;
}

/* Typography */
li, p {
font-size: 18px;
}

h1 {
font-size: 85px;
}

h2 {
font-size: 55px;
}

h3 {
font-size: 40px;
text-align: left;
}

/* Contact Section */
section#contact p a img {
width: 50px;
height: 50px;
margin-right: 8px;
vertical-align: middle;
}

section#contact p a {
font-family: 'rampage-monoline', sans-serif;
font-size: 30px;
color: #e7df69;
}

section#contact p a:visited {
color: #dfa843;
}
101 changes: 101 additions & 0 deletions projects/portfolio_website/about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects - Portfolio Website</title>
<link rel="stylesheet" href="../../assets/load/universal.css">
<link rel="stylesheet" href="about.css">
</head>
<body>
<header></header>
<main>
<!-- Project Title -->
<section class="title">
<h1 id="type">Portfolio Website</h1>
<p>A modern, interactive portfolio website featuring dynamic animations and responsive design, built to showcase software development projects and professional experience.</p>
</section>

<!-- Technologies -->
<section class="technologies">
<h2>Technologies Used</h2>
<div class="tech-grid">
<span class="tech-badge">HTML5</span>
<span class="tech-badge">CSS3</span>
<span class="tech-badge">JavaScript</span>
<span class="tech-badge">Matter.js</span>
<span class="tech-badge">Git</span>
</div>
</section>

<!-- Features Section -->
<section class="project">
<h2>Features</h2>
<ul>
<li><strong>Interactive UI:</strong> Dynamic hexagonal background animation powered by Matter.js physics engine</li>
<li><strong>Responsive Design:</strong> Seamless experience across desktop, tablet, and mobile devices</li>
<li><strong>Professional Sections:</strong> Comprehensive project showcase, skills overview, and educational background</li>
<li><strong>Resource Access:</strong> Downloadable resume and direct contact information</li>
</ul>
</section>

<!-- Implementation -->
<section class="project">
<h2>Implementation</h2>
<h3>Project Structure</h3>
<pre><code>portfolio/
├── assets/ # Core website assets
│ ├── load/ # Universal components
│ └── ... # Page-specific assets
├── files/ # Downloadable content
├── images/ # Media assets
└── projects/ # Project-specific pages</code></pre>
</section>

<!-- Development Status -->
<section class="project">
<h2>Development Status</h2>
<h3>Current Features</h3>
<ul>
<li>Interactive physics-based animations</li>
<li>Cross-device compatibility</li>
<li>Project documentation system</li>
<li>Professional content organization</li>
</ul>
<h3>Planned Enhancements</h3>
<ul>
<li>Additional project documentation</li>
<li>Enhanced interactive features</li>
<li>Expanded project gallery</li>
</ul>
</section>

<!-- Documentation -->
<section id="contact">
<h2>Resources</h2>
<p><a href="https://github.com/Code-JL/Code-JL.github.io" target="_blank">
<img src="../../images/github.png" alt="GitHub Icon">GitHub Repository
</a></p>
<p><a href="https://code-jl.github.io" target="_blank">
<img src="../../images/home.png" alt="Live Demo Icon">Live Demo
</a></p>
</section>

<!-- License -->
<section class="project">
<h2>License</h2>
<p>This project is licensed under the MIT License. See the <a href="https://github.com/Code-JL/Code-JL.github.io/blob/main/LICENSE" target="_blank">LICENSE</a> file for details.</p>
</section>
</main>

<footer>
<p>© 2025 Portfolio Website</p>
</footer>

<canvas id="bg1"></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js"></script>
<script src="../projectsUniversal.js"></script>
</body>
</html>

0 comments on commit 9d8738e

Please sign in to comment.