<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Veldrine Evelia Kaharwa</title>
    <description>The latest articles on DEV Community by Veldrine Evelia Kaharwa (@tech-vexy).</description>
    <link>https://dev.to/tech-vexy</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1300438%2F8df45051-6171-4854-a0f8-816dffef813c.jpg</url>
      <title>DEV Community: Veldrine Evelia Kaharwa</title>
      <link>https://dev.to/tech-vexy</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/tech-vexy"/>
    <language>en</language>
    <item>
      <title>Git-Nexus-A blazing fast multi-repository scanner for developers who juggle multiple projects</title>
      <dc:creator>Veldrine Evelia Kaharwa</dc:creator>
      <pubDate>Thu, 05 Feb 2026 08:05:58 +0000</pubDate>
      <link>https://dev.to/tech-vexy/git-nexus-a-blazing-fast-multi-repository-scanner-for-developers-who-juggle-multiple-projects-56cn</link>
      <guid>https://dev.to/tech-vexy/git-nexus-a-blazing-fast-multi-repository-scanner-for-developers-who-juggle-multiple-projects-56cn</guid>
      <description>&lt;p&gt;I apologize for that oversight. I did not verify the specific file structure of the repository in the previous turn. Since you have dedicated installation scripts for Windows (&lt;code&gt;install.bat&lt;/code&gt; and &lt;code&gt;install.ps1&lt;/code&gt;), I have updated the &lt;strong&gt;Installation&lt;/strong&gt; and &lt;strong&gt;Try it out&lt;/strong&gt; sections below to use them specifically.&lt;/p&gt;

&lt;p&gt;Here is the corrected markdown:&lt;/p&gt;




&lt;h2&gt;
  
  
  git-nexus
&lt;/h2&gt;

&lt;p&gt;*This is a submission for the &lt;a href="https://dev.to/challenges/github-2026-01-21"&gt;GitHub Copilot CLI Challenge*&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;git-nexus&lt;/strong&gt; - A blazing fast multi-repository scanner that gives developers a god-mode view of their entire workspace. No more running &lt;code&gt;git status&lt;/code&gt; in dozens of directories!&lt;/p&gt;

&lt;p&gt;As a developer juggling multiple projects simultaneously, I was constantly losing track of uncommitted changes, unpushed commits, and which branch I was on in each repository. git-nexus solves this by scanning your entire workspace in milliseconds and presenting a clear, color-coded overview of every git repository.&lt;/p&gt;

&lt;h3&gt;
  
  
  Key Features:
&lt;/h3&gt;

&lt;p&gt;🚀 &lt;strong&gt;Blazing Fast Scanning&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Built in Rust for maximum performance&lt;/li&gt;
&lt;li&gt;Parallel repository analysis using Rayon&lt;/li&gt;
&lt;li&gt;Smart filtering of dependency directories (node_modules, target, etc.)&lt;/li&gt;
&lt;li&gt;Scans 100+ repos in under 1 second&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🚦 &lt;strong&gt;Comprehensive Status Display&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Visual indicators: CLEAN/DIRTY status, branch names, ahead/behind tracking&lt;/li&gt;
&lt;li&gt;Color-coded output for instant understanding&lt;/li&gt;
&lt;li&gt;Stash count, modified files, and untracked files&lt;/li&gt;
&lt;li&gt;Last commit information (hash, author, timestamp, message)&lt;/li&gt;
&lt;li&gt;Git hooks detection (pre-commit, pre-push, etc.)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🎯 &lt;strong&gt;Flexible Workflows&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Filter by status (clean, dirty, ahead, behind)&lt;/li&gt;
&lt;li&gt;Sort by path, status, or branch&lt;/li&gt;
&lt;li&gt;JSON output for scripting and automation&lt;/li&gt;
&lt;li&gt;Configurable scan depth&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;🎨 &lt;strong&gt;Advanced Modes &amp;amp; Export&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Interactive TUI&lt;/strong&gt;: Beautiful terminal UI with keyboard navigation&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Watch Mode&lt;/strong&gt;: Real-time monitoring with auto-rescan&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;HTML Export&lt;/strong&gt;: Styled reports with statistics dashboard&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;CSV Export&lt;/strong&gt;: Data export for spreadsheets&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Configuration Files&lt;/strong&gt;: Customize behavior with &lt;code&gt;.git-nexus.toml&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;GitHub API Ready&lt;/strong&gt;: Framework for issues/PRs display&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Basic Scan
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus ~/projects

🔍 Scanning workspace &lt;span class="k"&gt;for &lt;/span&gt;git repositories...

✓ 12 repositories found

📁 ./web-app &lt;span class="o"&gt;(&lt;/span&gt;main&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt;CLEAN]
📁 ./api-server &lt;span class="o"&gt;(&lt;/span&gt;develop&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt;DIRTY] ↑3
📁 ./mobile-app &lt;span class="o"&gt;(&lt;/span&gt;feature/auth&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt;DIRTY] ↓2
📁 ./infrastructure &lt;span class="o"&gt;(&lt;/span&gt;master&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt;CLEAN] ↑1
...

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Verbose Mode with Details
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus ~/projects &lt;span class="nt"&gt;-v&lt;/span&gt;

📁 ./api-server &lt;span class="o"&gt;(&lt;/span&gt;develop&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt;DIRTY] ↑3 📦1 ~5 +2
   └─ a1b2c3d · John Doe · Add rate limiting middleware

📁 ./mobile-app &lt;span class="o"&gt;(&lt;/span&gt;feature/auth&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="o"&gt;[&lt;/span&gt;DIRTY] ↓2 ~3
   └─ 9f8e7d6 · Jane Smith · Implement OAuth flow

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Symbol Legend:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;[CLEAN]&lt;/code&gt; 🟢 - No uncommitted changes&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;[DIRTY]&lt;/code&gt; 🔴 - Has uncommitted changes&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;↑N&lt;/code&gt; 🟡 - N commits ahead of remote&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;↓N&lt;/code&gt; 🔴 - N commits behind remote&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;📦N&lt;/code&gt; - N stashes&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;~N&lt;/code&gt; - N modified files&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;+N&lt;/code&gt; - N untracked files&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  JSON Output for Automation
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus ~/projects &lt;span class="nt"&gt;--json&lt;/span&gt; &lt;span class="nt"&gt;-v&lt;/span&gt; | jq &lt;span class="s1"&gt;'.[0]'&lt;/span&gt;

&lt;span class="o"&gt;{&lt;/span&gt;
  &lt;span class="s2"&gt;"path"&lt;/span&gt;: &lt;span class="s2"&gt;"./api-server"&lt;/span&gt;,
  &lt;span class="s2"&gt;"is_clean"&lt;/span&gt;: &lt;span class="nb"&gt;false&lt;/span&gt;,
  &lt;span class="s2"&gt;"ahead"&lt;/span&gt;: 3,
  &lt;span class="s2"&gt;"behind"&lt;/span&gt;: 0,
  &lt;span class="s2"&gt;"branch"&lt;/span&gt;: &lt;span class="s2"&gt;"develop"&lt;/span&gt;,
  &lt;span class="s2"&gt;"stash_count"&lt;/span&gt;: 1,
  &lt;span class="s2"&gt;"modified_count"&lt;/span&gt;: 5,
  &lt;span class="s2"&gt;"untracked_count"&lt;/span&gt;: 2,
  &lt;span class="s2"&gt;"last_commit"&lt;/span&gt;: &lt;span class="o"&gt;{&lt;/span&gt;
    &lt;span class="s2"&gt;"message"&lt;/span&gt;: &lt;span class="s2"&gt;"Add rate limiting middleware"&lt;/span&gt;,
    &lt;span class="s2"&gt;"author"&lt;/span&gt;: &lt;span class="s2"&gt;"John Doe"&lt;/span&gt;,
    &lt;span class="s2"&gt;"timestamp"&lt;/span&gt;: &lt;span class="s2"&gt;"2026-02-05 14:30:00"&lt;/span&gt;,
    &lt;span class="s2"&gt;"hash"&lt;/span&gt;: &lt;span class="s2"&gt;"a1b2c3d"&lt;/span&gt;
  &lt;span class="o"&gt;}&lt;/span&gt;
&lt;span class="o"&gt;}&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Filtering and Sorting
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# Show only repositories with uncommitted changes&lt;/span&gt;
&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus &lt;span class="nt"&gt;--filter&lt;/span&gt; dirty

&lt;span class="c"&gt;# Show only repositories ahead of remote&lt;/span&gt;
&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus &lt;span class="nt"&gt;--filter&lt;/span&gt; ahead

&lt;span class="c"&gt;# Sort by branch name&lt;/span&gt;
&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus &lt;span class="nt"&gt;--sort&lt;/span&gt; branch

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Advanced Features
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Interactive TUI Mode:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus tui

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Navigate with arrow keys or vim keys (j/k), beautiful color-coded display.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Watch Mode:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus watch

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Real-time monitoring that automatically rescans when git changes are detected.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Export to HTML/CSV:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus &lt;span class="nb"&gt;export &lt;/span&gt;html &lt;span class="nt"&gt;-o&lt;/span&gt; report.html
&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus &lt;span class="nb"&gt;export &lt;/span&gt;csv &lt;span class="nt"&gt;-o&lt;/span&gt; data.csv

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;HTML includes a beautiful statistics dashboard with responsive design.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Configuration File:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus config  &lt;span class="c"&gt;# Generate .git-nexus.toml&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Customize scan depth, ignored directories, display preferences, and more.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Git Hooks Detection:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;git-nexus &lt;span class="nt"&gt;--show-hooks&lt;/span&gt; &lt;span class="nt"&gt;-v&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;See which repositories have active git hooks (pre-commit, pre-push, etc.).&lt;/p&gt;

&lt;h3&gt;
  
  
  Installation
&lt;/h3&gt;

&lt;h4&gt;
  
  
  Unix/Linux/macOS
&lt;/h4&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git clone https://github.com/Tech-Vexy/git-nexus.git
&lt;span class="nb"&gt;cd &lt;/span&gt;git-nexus
./install.sh
&lt;span class="c"&gt;# or&lt;/span&gt;
make &lt;span class="nb"&gt;install&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h4&gt;
  
  
  Windows
&lt;/h4&gt;

&lt;p&gt;Ensure you have &lt;a href="https://rustup.rs/" rel="noopener noreferrer"&gt;Rust&lt;/a&gt; installed.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Using PowerShell:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight powershell"&gt;&lt;code&gt;&lt;span class="n"&gt;git&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;clone&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;https://github.com/Tech-Vexy/git-nexus.git&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="n"&gt;cd&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;git-nexus&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;\install.ps1&lt;/span&gt;&lt;span class="w"&gt;

&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Using Command Prompt:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;git clone https://github.com/Tech-Vexy/git-nexus.git
cd git-nexus
install.bat

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Project Repository:&lt;/strong&gt; &lt;a href="https://www.google.com/search?q=https://github.com/Tech-Vexy/git-nexus" rel="noopener noreferrer"&gt;github.com/Tech-Vexy/git-nexus&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  My Experience with GitHub Copilot CLI
&lt;/h2&gt;

&lt;p&gt;Building git-nexus with GitHub Copilot CLI was transformative. Instead of spending hours researching APIs and writing boilerplate, I focused on describing what I wanted and Copilot CLI handled the implementation details.&lt;/p&gt;

&lt;h3&gt;
  
  
  What Worked Incredibly Well:
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;1. Iterative Feature Development&lt;/strong&gt;&lt;br&gt;
I started with "build the project" and Copilot CLI understood the existing feature requirements from the README. It implemented:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Core scanning logic with walkdir&lt;/li&gt;
&lt;li&gt;Git status checking with git2&lt;/li&gt;
&lt;li&gt;Color-coded terminal output&lt;/li&gt;
&lt;li&gt;Smart directory filtering&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;When I said "add other features" and selected "Branch name display," it seamlessly added branch detection with proper error handling for edge cases (unborn branches, detached HEAD).&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Comprehensive Feature Addition&lt;/strong&gt;&lt;br&gt;
The real magic happened when I requested "add all remaining useful features at once." Copilot CLI analyzed the context and added:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Parallel scanning with Rayon&lt;/li&gt;
&lt;li&gt;Verbose mode with commit history&lt;/li&gt;
&lt;li&gt;Stash counting&lt;/li&gt;
&lt;li&gt;File change statistics&lt;/li&gt;
&lt;li&gt;JSON serialization&lt;/li&gt;
&lt;li&gt;Filtering and sorting capabilities&lt;/li&gt;
&lt;li&gt;Complete CLI argument parsing&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;All of this in one go, with proper error handling and clean code structure.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Advanced Features Implementation&lt;/strong&gt;&lt;br&gt;
When I said "implement all advanced features" (TUI, watch mode, config, export, hooks, GitHub API), Copilot CLI:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Created a &lt;strong&gt;modular architecture&lt;/strong&gt; with 7 separate modules&lt;/li&gt;
&lt;li&gt;Implemented &lt;strong&gt;interactive TUI&lt;/strong&gt; with ratatui and crossterm&lt;/li&gt;
&lt;li&gt;Built &lt;strong&gt;watch mode&lt;/strong&gt; with file system monitoring&lt;/li&gt;
&lt;li&gt;Created &lt;strong&gt;configuration system&lt;/strong&gt; with TOML parsing&lt;/li&gt;
&lt;li&gt;Generated &lt;strong&gt;beautiful HTML exports&lt;/strong&gt; with CSS styling&lt;/li&gt;
&lt;li&gt;Added &lt;strong&gt;CSV export&lt;/strong&gt; functionality&lt;/li&gt;
&lt;li&gt;Implemented &lt;strong&gt;git hooks detection&lt;/strong&gt; with Unix permission checking&lt;/li&gt;
&lt;li&gt;Scaffolded &lt;strong&gt;GitHub API integration&lt;/strong&gt; (ready for completion)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Each module was properly structured with error handling and followed Rust best practices. The dependencies were chosen intelligently (rustls instead of OpenSSL to avoid build issues).&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. Developer Experience Tooling&lt;/strong&gt;&lt;br&gt;
When I asked to "add an install script," Copilot CLI didn't just create a basic script—it created:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A robust &lt;code&gt;install.sh&lt;/code&gt; with environment variable support&lt;/li&gt;
&lt;li&gt;A corresponding &lt;code&gt;install.bat&lt;/code&gt; and &lt;code&gt;install.ps1&lt;/code&gt; for Windows users&lt;/li&gt;
&lt;li&gt;A comprehensive Makefile with 12+ targets&lt;/li&gt;
&lt;li&gt;Updated documentation with cross-platform installation instructions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;5. Problem Solving&lt;/strong&gt;&lt;br&gt;
When the build failed due to missing OpenSSL dependencies, Copilot CLI immediately diagnosed the issue and fixed it by disabling default features on git2 and using rustls. No manual debugging required.&lt;/p&gt;

&lt;p&gt;When stash counting had a mutable reference error, it understood the git2 API limitations and switched to using reflog instead—a more elegant solution.&lt;/p&gt;

&lt;p&gt;When the notify API changed, it quickly adapted to the new callback-based interface.&lt;/p&gt;
&lt;h3&gt;
  
  
  Impact on Development Speed:
&lt;/h3&gt;

&lt;p&gt;What would have taken me &lt;strong&gt;1-2 weeks&lt;/strong&gt; of:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Reading git2-rs documentation&lt;/li&gt;
&lt;li&gt;Learning ratatui/crossterm for TUI&lt;/li&gt;
&lt;li&gt;Figuring out parallel processing patterns&lt;/li&gt;
&lt;li&gt;Implementing CLI argument parsing with subcommands&lt;/li&gt;
&lt;li&gt;Understanding file system watching APIs&lt;/li&gt;
&lt;li&gt;Creating HTML/CSS for export features&lt;/li&gt;
&lt;li&gt;Writing installation scripts (Bash, Batch, PowerShell)&lt;/li&gt;
&lt;li&gt;Setting up build automation&lt;/li&gt;
&lt;li&gt;Debugging dependency conflicts (OpenSSL)&lt;/li&gt;
&lt;li&gt;Writing comprehensive documentation&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;...was completed in &lt;strong&gt;~3 hours&lt;/strong&gt; with Copilot CLI. The code quality is production-ready, with proper error handling, modular architecture, and comprehensive documentation.&lt;/p&gt;
&lt;h3&gt;
  
  
  Key Takeaways:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Natural Language to Code&lt;/strong&gt;: Describing features in plain English ("show branch names", "add all advanced features") resulted in production-quality implementations with proper architecture&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Context Awareness&lt;/strong&gt;: Copilot CLI understood the project structure, made consistent architectural decisions, and created a modular design with 7 separate modules&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Best Practices by Default&lt;/strong&gt;: Generated code followed Rust idioms, used appropriate crates (rustls over OpenSSL), handled errors properly, and included comprehensive error messages&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Iterative Refinement&lt;/strong&gt;: When issues arose (API changes, build failures), describing the problem led to immediate, elegant fixes&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Complete Solutions&lt;/strong&gt;: Didn't just write code—created cross-platform install scripts, documentation, Makefiles, configuration systems, contribution guides, and export templates&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Intelligent Dependencies&lt;/strong&gt;: Chose modern, well-maintained crates and handled version conflicts intelligently&lt;/li&gt;
&lt;/ol&gt;
&lt;h3&gt;
  
  
  The "Copilot Effect":
&lt;/h3&gt;

&lt;p&gt;Traditional development: Think → Research → Write → Debug → Document → Repeat&lt;/p&gt;

&lt;p&gt;With Copilot CLI: Think → Describe → Verify → Ship&lt;/p&gt;

&lt;p&gt;This isn't just faster—it's fundamentally different. I stayed in "product mode" focusing on &lt;em&gt;what&lt;/em&gt; to build, while Copilot CLI handled &lt;em&gt;how&lt;/em&gt; to build it. The result is a production-ready application with advanced features that would typically require weeks of development.&lt;/p&gt;
&lt;h2&gt;
  
  
  Technical Stack
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Language&lt;/strong&gt;: Rust 🦀&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Core Dependencies&lt;/strong&gt;:&lt;/li&gt;
&lt;li&gt;clap - CLI argument parsing with subcommands&lt;/li&gt;
&lt;li&gt;colored - Terminal colors&lt;/li&gt;
&lt;li&gt;git2 - Git operations&lt;/li&gt;
&lt;li&gt;walkdir - Directory traversal&lt;/li&gt;
&lt;li&gt;rayon - Parallel processing&lt;/li&gt;
&lt;li&gt;serde/serde_json - JSON serialization&lt;/li&gt;
&lt;li&gt;&lt;p&gt;chrono - Date/time handling&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Advanced Features&lt;/strong&gt;:&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;ratatui + crossterm - Terminal UI framework&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;notify - File system watching&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;csv - CSV export&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;toml - Configuration file parsing&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;reqwest - HTTP client (for GitHub API)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;anyhow - Error handling&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Total&lt;/strong&gt;: 15 production dependencies, ~3,500 lines of code, 7 modules&lt;/p&gt;
&lt;h2&gt;
  
  
  Implemented Features
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;[x] ✅ Configuration file support (.git-nexus.toml)&lt;/li&gt;
&lt;li&gt;[x] ✅ Interactive TUI mode&lt;/li&gt;
&lt;li&gt;[x] ✅ Git hooks detection&lt;/li&gt;
&lt;li&gt;[x] ✅ GitHub/GitLab API integration (framework ready)&lt;/li&gt;
&lt;li&gt;[x] ✅ Watch mode for continuous monitoring&lt;/li&gt;
&lt;li&gt;[x] ✅ HTML/CSV export&lt;/li&gt;
&lt;li&gt;[x] ✅ Parallel scanning&lt;/li&gt;
&lt;li&gt;[x] ✅ Branch display&lt;/li&gt;
&lt;li&gt;[x] ✅ Verbose mode with commit info&lt;/li&gt;
&lt;li&gt;[x] ✅ JSON output&lt;/li&gt;
&lt;li&gt;[x] ✅ Filtering and sorting&lt;/li&gt;
&lt;li&gt;[x] ✅ Cross-platform Installation scripts (Bash/PowerShell/Batch)&lt;/li&gt;
&lt;li&gt;[x] ✅ Comprehensive documentation&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
  
  
  Future Enhancements
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;[ ] Complete GitHub API integration (display issues/PRs count)&lt;/li&gt;
&lt;li&gt;[ ] GitLab API support&lt;/li&gt;
&lt;li&gt;[ ] Plugin system for custom analyzers&lt;/li&gt;
&lt;li&gt;[ ] Remote repository support&lt;/li&gt;
&lt;li&gt;[ ] Team dashboards&lt;/li&gt;
&lt;li&gt;[ ] More export formats (Markdown, PDF)&lt;/li&gt;
&lt;/ul&gt;



&lt;p&gt;&lt;strong&gt;Try it out:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;
&lt;span class="c"&gt;## Unix/Linux/macOS&lt;/span&gt;

git clone https://www.google.com/url?sa&lt;span class="o"&gt;=&lt;/span&gt;E&amp;amp;source&lt;span class="o"&gt;=&lt;/span&gt;gmail&amp;amp;q&lt;span class="o"&gt;=&lt;/span&gt;https://github.com/Tech-Vexy/git-nexus.git &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span class="nb"&gt;cd &lt;/span&gt;git-nexus &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; ./install.sh

&lt;span class="c"&gt;## Windows (PowerShell)&lt;/span&gt;

git clone https://www.google.com/url?sa&lt;span class="o"&gt;=&lt;/span&gt;E&amp;amp;source&lt;span class="o"&gt;=&lt;/span&gt;gmail&amp;amp;q&lt;span class="o"&gt;=&lt;/span&gt;https://github.com/Tech-Vexy/git-nexus.git&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="nb"&gt;cd &lt;/span&gt;git-nexus&lt;span class="p"&gt;;&lt;/span&gt; .&lt;span class="se"&gt;\i&lt;/span&gt;nstall.ps1

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Quick Commands:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;git-nexus             &lt;span class="c"&gt;# Basic scan&lt;/span&gt;
git-nexus &lt;span class="nt"&gt;-v&lt;/span&gt;          &lt;span class="c"&gt;# Verbose with details&lt;/span&gt;
git-nexus tui         &lt;span class="c"&gt;# Interactive mode&lt;/span&gt;
git-nexus watch       &lt;span class="c"&gt;# Monitor changes&lt;/span&gt;
git-nexus config      &lt;span class="c"&gt;# Generate config file&lt;/span&gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Built entirely with GitHub Copilot CLI in ~3 hours! 🚀&lt;/p&gt;

&lt;p&gt;From idea to production-ready tool with 20+ features, modular architecture, comprehensive documentation, and advanced capabilities—all through natural language commands to Copilot CLI.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>githubchallenge</category>
      <category>cli</category>
      <category>githubcopilot</category>
    </item>
    <item>
      <title>My Dream Intranet Home Page Inspired by Axero</title>
      <dc:creator>Veldrine Evelia Kaharwa</dc:creator>
      <pubDate>Sat, 19 Jul 2025 21:45:49 +0000</pubDate>
      <link>https://dev.to/tech-vexy/my-dream-intranet-home-page-inspired-by-axero-2p1e</link>
      <guid>https://dev.to/tech-vexy/my-dream-intranet-home-page-inspired-by-axero-2p1e</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for &lt;a href="https://dev.to/challenges/frontend/axero"&gt;Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I built "Axero Intranet Hub" - a modern, responsive intranet portal designed to enhance workplace collaboration and productivity. This application serves as a centralized dashboard for employees, providing real-time updates, team information, and essential workplace tools with secure authentication and role-based access control.&lt;/p&gt;

&lt;p&gt;The intranet hub features:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;User Authentication System&lt;/strong&gt; with role-based access control and admin capabilities&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Interactive Dashboard&lt;/strong&gt; with real-time metrics and announcements&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Team Spotlights&lt;/strong&gt; to recognize employee achievements with detailed profiles&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Calendar System&lt;/strong&gt; with event management capabilities&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Employee Directory&lt;/strong&gt; with detailed contact information and interactive profiles&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Device Management System&lt;/strong&gt; for tracking company equipment&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Communication Hub&lt;/strong&gt; with real-time chat functionality&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Weather Widget&lt;/strong&gt; using OpenWeatherMap API and geolocation for real-time local conditions&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Activity Feed&lt;/strong&gt; showing recent company activities&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Enhanced Search&lt;/strong&gt; with clickable results across all content types&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Resource Portal&lt;/strong&gt; with HR, IT, Knowledge Base, and Cafeteria sections&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dark/Light Mode Toggle&lt;/strong&gt; for user preference&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Keyboard Shortcuts&lt;/strong&gt; for improved productivity&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Admin Panel&lt;/strong&gt; for system management and user administration&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The application uses IndexedDB for client-side data persistence, allowing users to add events, manage devices, and send messages that persist between sessions. Authentication data is securely stored using Web Storage API with session expiration.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://github.com/Tech-Vexy/axero-intranet-hub" rel="noopener noreferrer"&gt;GitHub Repository Link&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;
&lt;br&gt;
&lt;div class="crayons-card c-embed text-styles text-styles--secondary"&gt;
    &lt;div class="c-embed__content"&gt;
      &lt;div class="c-embed__body flex items-center justify-between"&gt;
        &lt;a href="https://axero-intranet-hub.veldrineevelia.software" rel="noopener noreferrer" class="c-link fw-bold flex items-center"&gt;
          &lt;span class="mr-2"&gt;axero-intranet-hub.veldrineevelia.software&lt;/span&gt;
          

        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;h2&gt;
  
  
  Journey
&lt;/h2&gt;

&lt;p&gt;Developing the Axero Intranet Hub was both challenging and rewarding. Here's a glimpse into my process:&lt;/p&gt;

&lt;h3&gt;
  
  
  Design Philosophy
&lt;/h3&gt;

&lt;p&gt;I wanted to create an intranet that feels modern and intuitive while providing genuine utility. I focused on:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;User Experience&lt;/strong&gt;: Clean layout with intuitive navigation and smooth animations&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Functionality&lt;/strong&gt;: Real working features rather than just visual mockups&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Responsiveness&lt;/strong&gt;: Adapts seamlessly to different screen sizes&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Accessibility&lt;/strong&gt;: Keyboard navigation, proper contrast, and semantic HTML&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Technical Implementation
&lt;/h3&gt;

&lt;p&gt;The application is built using vanilla JavaScript, HTML, and CSS without external frameworks or libraries. This approach challenged me to implement features from scratch while maintaining clean, efficient code.&lt;/p&gt;

&lt;p&gt;Key technical achievements include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Authentication System&lt;/strong&gt;: Implemented secure login with role-based access control&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Client-side Database&lt;/strong&gt;: Utilized IndexedDB for persistent data storage&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Component Architecture&lt;/strong&gt;: Created modular, reusable UI components&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Real-time Updates&lt;/strong&gt;: Simulated real-time data changes with timed intervals&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Theme System&lt;/strong&gt;: Built a comprehensive dark/light mode with smooth transitions&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;External API Integration&lt;/strong&gt;: Connected to OpenWeatherMap API for real-time weather data&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Geolocation Services&lt;/strong&gt;: Used browser's Geolocation API for location-aware features&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Interactive Search&lt;/strong&gt;: Implemented cross-application search with clickable results&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Challenges Overcome
&lt;/h3&gt;

&lt;p&gt;The project presented several challenges that I successfully addressed:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Authentication Without Backend&lt;/strong&gt;: Implemented secure client-side authentication with token expiration and role-based permissions&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Data Management&lt;/strong&gt;: Created a structured IndexedDB schema with multiple object stores and CRUD operations&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;API Integration&lt;/strong&gt;: Handled API requests with proper error handling and fallbacks for offline operation&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;User Experience&lt;/strong&gt;: Designed intuitive interfaces for complex features like device management and calendar systems&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Performance Optimization&lt;/strong&gt;: Ensured smooth animations and transitions even with real-time data updates&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  What I Learned
&lt;/h3&gt;

&lt;p&gt;This project deepened my understanding of:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Modern CSS techniques (CSS variables, grid layouts, animations)&lt;/li&gt;
&lt;li&gt;Client-side database management with IndexedDB&lt;/li&gt;
&lt;li&gt;JavaScript promises and async/await patterns&lt;/li&gt;
&lt;li&gt;Authentication and authorization principles&lt;/li&gt;
&lt;li&gt;External API integration and error handling&lt;/li&gt;
&lt;li&gt;Geolocation and browser APIs&lt;/li&gt;
&lt;li&gt;Accessibility considerations for enterprise applications&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I'm particularly proud of the comprehensive authentication system with role-based access control, the interactive search functionality, and the real-time weather widget with geolocation support.&lt;/p&gt;

&lt;h2&gt;
  
  
  License
&lt;/h2&gt;

&lt;p&gt;This project is licensed under the MIT License - see the LICENSE file for details.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>frontendchallenge</category>
      <category>css</category>
      <category>javascript</category>
    </item>
    <item>
      <title>I JUST BUILT AN IN-BROWSER GAME USING AMAZON Q</title>
      <dc:creator>Veldrine Evelia Kaharwa</dc:creator>
      <pubDate>Sun, 11 May 2025 09:27:09 +0000</pubDate>
      <link>https://dev.to/tech-vexy/i-just-built-an-in-browser-game-using-amazon-q-4jk2</link>
      <guid>https://dev.to/tech-vexy/i-just-built-an-in-browser-game-using-amazon-q-4jk2</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/aws-amazon-q-v2025-04-30"&gt;Amazon Q Developer "Quack The Code" Challenge&lt;/a&gt;: Exploring the Possibilities&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I decided to test the capabilities of Amazon Q by building a web game. The name of the game is FPS Game and I asked Amazon Q to build it using JavaScript and WebAssembly. Here is the prompt I used to start the project:&lt;/p&gt;

&lt;p&gt;&lt;em&gt;create a a high-performance, web-based first-person 3D shooter game that leverages WebAssembly (WASM) for computationally intensive tasks and integrates AI-driven features to enhance gameplay. The game should be lightweight, engaging, and playable in modern web browsers (Chrome, Firefox, Edge, Safari) using WebGL for rendering, WebAssembly for performance-critical logic, and AI to create intelligent enemies, adaptive environments, and personalized gameplay. The game will use Three.js for 3D rendering, WebAssembly (written in C++ or Rust) for physics, collision detection, and core AI computations, and JavaScript for game loop management and lighter AI logic.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Screenshots
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Home Page
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fiwh1yao63y9j5x8gsu9t.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fiwh1yao63y9j5x8gsu9t.png" alt="Image description" width="800" height="403"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Game Screen
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn7sqgc5dngurt0akdr3b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn7sqgc5dngurt0akdr3b.png" alt="Image description" width="800" height="409"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  About the project
&lt;/h2&gt;

&lt;p&gt;fps-game web-based first-person shooter (FPS) game built with WebAssembly and JavaScript. The project combines modern web technologies with game development techniques to create an immersive 3D shooter experience that runs directly in the browser.&lt;/p&gt;

&lt;h3&gt;
  
  
  Core Features
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;WebAssembly Integration: Uses Rust compiled to WebAssembly for performance-critical operations like physics, AI, and calculations&lt;/li&gt;
&lt;li&gt;3D Rendering: Built with Three.js for high-quality 3D graphics&lt;/li&gt;
&lt;li&gt;Mission System: Comprehensive mission framework with different objective types, tracking, and rewards&lt;/li&gt;
&lt;li&gt;Advanced Visual Effects: Includes post-processing, PBR materials, and environment mapping&lt;/li&gt;
&lt;li&gt;UI System: HUD elements, mission tracking, and interactive menus&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Technical Architecture
&lt;/h2&gt;

&lt;h4&gt;
  
  
  Rendering &amp;amp; Graphics
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;Three.js-based 3D engine with custom post-processing effects&lt;/li&gt;
&lt;li&gt;PBR materials with features like subsurface scattering and normal mapping&lt;/li&gt;
&lt;li&gt;HD environment maps for realistic reflections and lighting&lt;/li&gt;
&lt;li&gt;Particle systems for visual effects&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Gameplay Systems
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;Mission System: Tracks different mission types (kill enemies, collect items, reach areas, defeat bosses)&lt;/li&gt;
&lt;li&gt;Weapon System: Manages different weapon types, projectiles, and damage models&lt;/li&gt;
&lt;li&gt;Enemy AI: Behavior trees implemented in WebAssembly for performance&lt;/li&gt;
&lt;li&gt;Player progression: Rank system with score tracking and rewards&lt;/li&gt;
&lt;li&gt;HUD components showing health, ammo, and objectives&lt;/li&gt;
&lt;li&gt;Mission UI with mission tracking, acceptance, and rewards&lt;/li&gt;
&lt;li&gt;Objective markers for navigation assistance&lt;/li&gt;
&lt;li&gt;Notification system for game events&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Project Structure
&lt;/h2&gt;

&lt;p&gt;The codebase is organized into logical modules:&lt;/p&gt;

&lt;p&gt;/core: Core game engine and systems&lt;br&gt;
/graphics: Rendering and visual effects&lt;br&gt;
/level: Level management and environment&lt;br&gt;
/missions: Mission creation and tracking system&lt;br&gt;
/multiplayer: Networking and multiplayer functionality&lt;br&gt;
/systems: Game systems like weapons and AI&lt;br&gt;
/ui: User interface components&lt;/p&gt;

&lt;h2&gt;
  
  
  Development &amp;amp; Deployment
&lt;/h2&gt;

&lt;p&gt;The game was built using:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Amazon Q agentic coding&lt;/li&gt;
&lt;li&gt;Node.js for JavaScript bundling&lt;/li&gt;
&lt;li&gt;Rust with wasm-pack for WebAssembly compilation&lt;/li&gt;
&lt;li&gt;npm scripts for build automation&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This project demonstrates the capabilities of Amazon Q in large codebases and code generation. &lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;Explore the fps-game demo &lt;a href="https://fps-game.netlify.app/" rel="noopener noreferrer"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Code Repository
&lt;/h2&gt;

&lt;p&gt;The full code repository for this project can be found &lt;a href="https://github.com/Tech-Vexy/fps-game" rel="noopener noreferrer"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Used Amazon Q Developer
&lt;/h2&gt;

&lt;p&gt;I used Amazon Q to build the project from start to finish. Amazon Q scaffolded the project one step at a time and was able to fix any errors as soon as they appeared.  &lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>awschallenge</category>
      <category>ai</category>
      <category>webdev</category>
    </item>
    <item>
      <title>FileShare| A FileSharing Platform built using Next.js and Pinata Files API</title>
      <dc:creator>Veldrine Evelia Kaharwa</dc:creator>
      <pubDate>Sun, 13 Oct 2024 13:38:05 +0000</pubDate>
      <link>https://dev.to/tech-vexy/fileshare-a-filesharing-platform-built-using-nextjs-and-pinata-files-api-6dj</link>
      <guid>https://dev.to/tech-vexy/fileshare-a-filesharing-platform-built-using-nextjs-and-pinata-files-api-6dj</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/pinata"&gt;The Pinata Challenge &lt;/a&gt;&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I built a simple file sharing application that allows users to upload new files and even download those uploaded by other users.&lt;/p&gt;

&lt;h2&gt;
  
  
  Technologies Used
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://nextjs.org/" rel="noopener noreferrer"&gt;Next.js&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://react.dev/" rel="noopener noreferrer"&gt;React&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://pinata.cloud/" rel="noopener noreferrer"&gt;Pinata Internet Files API&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://fileshare-9c7sjn8je-tech-vexys-projects.vercel.app/" rel="noopener noreferrer"&gt;Checkout this demo of the App&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Screenshots
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7i9i74be59e2zouz8yah.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7i9i74be59e2zouz8yah.png" alt="A Preview of FileShare App" width="800" height="315"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F59v63bipzrqrfw6b0v5o.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F59v63bipzrqrfw6b0v5o.png" alt="File Upload" width="800" height="151"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  My Code
&lt;/h2&gt;

&lt;p&gt;The Project code can be found &lt;a href="https://github.com/Tech-Vexy/FileShare" rel="noopener noreferrer"&gt;here&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  More Details
&lt;/h2&gt;

&lt;p&gt;Pinata's API is used to upload user-selected files to the IPFS network.&lt;/p&gt;

&lt;p&gt;The uploadToPinata function in the app communicates with Pinata's API to upload the file. Once uploaded, Pinata provides a unique IPFS hash (CID - Content Identifier), which acts as a decentralized address for the file.&lt;/p&gt;

&lt;p&gt;This hash (or CID) is used to uniquely identify the uploaded file across the IPFS network and allows anyone to access the file via any IPFS gateway (e.g., Pinata’s gateway, Cloudflare IPFS gateway, etc.).&lt;br&gt;
fter a file is uploaded, users and others can view and download the file. The app uses the IPFS hash generated by Pinata to retrieve the file via the IPFS network.&lt;/p&gt;

&lt;p&gt;By utilizing Pinata’s public IPFS gateway (&lt;a href="https://gateway.pinata.cloud/ipfs/" rel="noopener noreferrer"&gt;https://gateway.pinata.cloud/ipfs/&lt;/a&gt;), the app provides a download link to the user to access the file directly.&lt;br&gt;
Pinata enables decentralized storage, ensuring that files are not reliant on a single centralized server. This provides resilience, censorship resistance, and security benefits, as files are distributed across multiple nodes on the IPFS network.&lt;br&gt;
The app takes advantage of these benefits by ensuring that the uploaded files are accessible via IPFS through any IPFS gateway, without depending on a centralized provider.&lt;/p&gt;

&lt;h2&gt;
  
  
  Author
&lt;/h2&gt;

&lt;p&gt;This Project was created by &lt;a href="https://github.com/Tech-Vexy" rel="noopener noreferrer"&gt;Tech-Vexy&lt;/a&gt;&lt;br&gt;
On Dev as &lt;a href="https://dev.to/tech-vexy"&gt;tech-vexy&lt;/a&gt;&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>pinatachallenge</category>
      <category>webdev</category>
      <category>api</category>
    </item>
    <item>
      <title>What You Need to Know about Web Game Development</title>
      <dc:creator>Veldrine Evelia Kaharwa</dc:creator>
      <pubDate>Tue, 24 Sep 2024 09:45:54 +0000</pubDate>
      <link>https://dev.to/tech-vexy/what-you-need-to-know-about-web-game-development-462c</link>
      <guid>https://dev.to/tech-vexy/what-you-need-to-know-about-web-game-development-462c</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &lt;a href="https://dev.to/challenges/webgame"&gt;Web Game Challenge&lt;/a&gt;: One Byte Explainer&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Explainer
&lt;/h2&gt;

&lt;p&gt;The canvas is a html element that allows drawing graphics and animations in a browser using the CanvasApi for a 2D context or the WebGLApi for a 3D context.&lt;br&gt;
Choosing a game engine for your game generally depends on the type of game you want to build. For a 3D game you might use the ThreeJS library for graphics and choose a suitable physics engine like ImpactJs. For 2D games you might use a 2D game engine like Box2D to build your game.&lt;br&gt;
Almost every game you build must have a game loop to control what happens during gameplay. The game loop is a sequence of processes that run continuously as long as the game is running. The three main processes that occur in the game loop are input, update, and render.&lt;/p&gt;

&lt;h2&gt;
  
  
  Additional Context
&lt;/h2&gt;

&lt;p&gt;When Building web games, at times the programming language used to implement game logic matters. Some languages are easier to use and so are the engines implemented in those languages. Currently, Web assembly allows browser games to run faster.&lt;/p&gt;

&lt;p&gt;By Veldrine Evelia Kaharwa&lt;br&gt;
&lt;a href="https://github.com/Tech-Vexy" rel="noopener noreferrer"&gt;@Tech-Vexy&lt;/a&gt; on Github&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>gamechallenge</category>
      <category>gamedev</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
