Skip to content
View JHebenstreit48's full-sized avatar

Block or report JHebenstreit48

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
JHebenstreit48/README.md

๐Ÿ‘จโ€๐Ÿ’ป Justin Hebenstreit โ€” Web Developer & Tech Enthusiast

Focused on Clean Code, Creative Design, and Continuous Learning


๐Ÿš€ About Me

Iโ€™m a web developer with a creative eye, a technical mindset, and a strong drive to continuously improve. I focus primarily on front-end development while actively expanding into full-stack concepts, aiming to build intuitive, responsive, and well-structured digital experiences.

My background blends structured training, self-directed learning, and creative education:

๐ŸŽ“ Completed a Full-Stack Web Development Bootcamp (Juneโ€“Nov 2024)
๐ŸŽ“ Earned an Associateโ€™s Degree in IT with CCNA certifications in Routing & Switching and Network Security (expired, currently refreshing and organizing knowledge)
๐ŸŽ“ Hold a Bachelorโ€™s Degree in Photography, which sharpened my eye for composition, color, and visual storytelling โ€” skills I now apply directly to UI and UX design
๐Ÿงฑ Years of LEGO building taught me attention to detail, logical problem-solving, and the satisfaction of building complex systems piece by piece โ€” much like writing clean, modular code

Iโ€™m currently building large, structured notes and documentation platforms covering web development, game development, mobile development, and networking. To scale these projects and bring them to a usable, finished state more quickly, I frequently use AI-assisted development tools as part of my workflow while continuing to learn core concepts.

AI output is treated as a starting point, with manual review, refactoring, and validation applied as needed to ensure correct rendering, structure, and maintainability across projects.

While I enjoy learning how things work under the hood, I gravitate toward the visual and interactive side of development. I care deeply about clean layouts, clear navigation, and interfaces that feel intentional โ€” maybe even a little pixel-perfect.

Even with strong experience in HTML, CSS, JavaScript, and TypeScript, Iโ€™m always pushing myself to deepen my understanding, explore new tools, and keep building.


๐Ÿ“ซ Contact & Links

Email LinkedIn


๐Ÿ› ๏ธ Tech Stack & Tools

๐ŸŒ Web Development

โœ… Fluent

HTML5 CSS3 JavaScript TypeScript React Node.js MongoDB

๐Ÿ› ๏ธ Tools

Insomnia


๐Ÿง  Learning

Angular Apollo GraphQL Bootstrap React Bootstrap GraphQL PostgreSQL Sass Firebase

๐Ÿ“ฑ Mobile Development

๐Ÿง  Learning

React Native


๐ŸŽฎ Game Development

I'm beginning my journey into game development, currently learning C# and Unity through hands-on projects and a structured Udemy course. While still early in my experience, Iโ€™m exploring how game development principles intersect with interactive design, animation, and real-time systems.


๐Ÿ“ถ Cisco / IT Networking

I previously earned my CCNA in Routing, Switching, and Network Security. Although the certification has expired, I maintain a strong foundation in networking and IT infrastructure โ€” and I plan to recertify in the future as part of my long-term goals.

At present, my primary focus is on full-stack web and mobile development using JavaScript, React, React Native, and related technologies, but I remain committed to staying sharp across both development and networking disciplines.

๐Ÿ” Refreshing

Cisco Security Protocols Networking Wireless Subnetting OSI Model Routing Protocols TCP/IP Model

๐Ÿ› ๏ธ Tools

๐Ÿ” Refreshing

Packet Tracer


๐Ÿ› ๏ธ Shared Tools & Environments


โœ… Fluent

  • Git
    Used for version control across Web Development, Mobile Development, Game Development, and Cisco/IT Networking.

  • GitHub
    Used for hosting and collaborating on code repositories across all development areas. Integrated with version control, issue tracking, and documentation for Web, Mobile, Game Dev, and Networking projects.

  • VS Code
    Integrated Development Environment (IDE) used in Web Development, Mobile Development, and Game Development.

  • MongoDB Compass
    GUI tool used for exploring, querying, and managing MongoDB databases. Applied in Web Development and Game Development.

  • Netlify
    Hosting and CI/CD platform for front-end sites. Used for static site deployment on projects like Portfolio, Code Quest, and NetNotes.

  • Render
    Used for deploying full-stack applications. Fluent in general use; continuing to deepen backend deployment skills across separate services.


๐Ÿง  Learning

  • Postman
    API testing and development tool shared across Web Development and Mobile Development.

  • Wireshark
    Network protocol analyzer used in Web Development and Cisco/IT Networking.

  • Android Studio
    IDE used for building Android applications, shared between Mobile Development and Game Development.

  • Expo
    Framework for building React Native apps, used in both Mobile Development and Game Development.

  • Unity Hub
    Centralized tool for managing Unity projects, used in Game Development and Mobile Development.

  • Blender
    3D modeling software used in Game Development and Web Development.

  • Rider
    IDE for game development in Unity, shared between Game Development and Mobile Development.


๐Ÿ” Refreshing

  • Photoshop
    Image editing and graphics design tool, shared across Web Development, Mobile Development, and Game Development.

๐Ÿ“ˆ GitHub Stats

GitHub Stats

Top Langs


๐ŸŽ“ Group Project Contributions

During my full-stack coding bootcamp, I participated in several collaborative repositories focused on team-based development. These projects emphasized real-world workflows including Git branching strategies, pull request reviews, and agile-style planning.

Contributed to 3 collaborative repositories during bootcamp.
Most of my ongoing work is housed in personal projects, which account for over 850 PRs and 1,800 commits across my GitHub profile.

๐Ÿ“ฆ Collaborative Projects:

This section highlights collaborative projects Iโ€™ve contributed to โ€” both during my 6-month coding bootcamp and beyond. These projects involved team-based planning, shared GitHub workflows, and cross-functional development. Additional contributions will be added over time.

๐Ÿงฉ Time Sheet

First group project assignment completed during my coding bootcamp. I contributed to layout structure, styling, and core JavaScript logic._

โ–ธ Repoโ€ƒ|โ€ƒLive Site

๐Ÿ‘ฅ Contributors:

๐Ÿ—„๏ธ codeBounty

Website created to function similarly to Fiverr or other freelance work site.

โ–ธ Repoโ€ƒ|โ€ƒLive Site

๐Ÿ‘ฅ Contributors:



๐Ÿ“Œ Featured Projects

These projects are actively maintained and designed with real users in mind.
Several are being expanded with full-stack features, alternate framework builds, and backend integrations โ€” reflecting my ongoing development as a full-stack developer.


๐Ÿ’ผ Portfolio

  • ๐Ÿ“ Repository
  • ๐ŸŒ Live Site
    A growing showcase of my work in web development, with new additions reflecting my expanding focus on game development, mobile apps, and networking/security fundamentals (CCNA/CCNP). Built to evolve alongside my learning journey.

๐Ÿ”„ GraphQL + Apollo integration in progress (contact form)
โš™๏ธ Backend server deployed and active โ€” feature under construction

Deployment: Netlify badge
๐Ÿ”ง Skills Used

CSS3 SCSS Git GitHub Netlify React React Icons TypeScript GraphQL Apollo

๐Ÿšง Status: Feature in progress โ€“ GraphQL server live, frontend integration ongoing


๐Ÿ•น Asphalt Legends Tracker

  • ๐Ÿ“ Repository
  • ๐ŸŒ Live Site
    A detailed and continuously evolving fan-made tracker for Gameloftโ€™s Asphalt Legends Unite. Designed to help players track in-game progress, vehicle unlocks, and game content thatโ€™s not available through official tools.

๐Ÿงฉ More fleshed out than my other projects, but still a work in progress
๐Ÿ”„ Manufacturer descriptions, logos, and new update pages still being added
๐Ÿงช Rebuild in Angular + GraphQL under consideration
๐ŸŒ Hosted on Render with optimized performance for player accessibility

Deployment: Render badge
๐Ÿ”ง Skills Used

React CSS3 SCSS Git GitHub MongoDB MongoDB Compass


๐Ÿ”– DevScriptStax

  • ๐Ÿ“ Front End Repo
  • ๐ŸŒ Live Site
    A searchable knowledge base for web development concepts and code examples.

๐Ÿงฉ Shares layout with Pixel Prose and Net Notes
๐Ÿ“ Part of a multi-repo umbrella project โ€” see DevScriptStax Versions
๐Ÿ”„ Angular full-stack version in development
๐Ÿงช Vue/Svelte versions being explored
๐Ÿ› ๏ธ Still being expanded as I continue to learn

Deployment:
Netlify badge
Render badge โ€“ (Notes transferred to back end โ€“ Coming Soon)
๐Ÿ”ง Skills Used

๐Ÿ›  Work In Progress

๐ŸŒ NetNotes

  • ๐Ÿ“ Repository
  • ๐ŸŒ Live Site
    Organized study material for CCNA, CCNP, and general networking topics.

๐Ÿงฉ Shares layout with Code Quest and Pixel Prose
๐Ÿ“ Part of a multi-repo umbrella project โ€” see NetNotes Versions
๐Ÿ”„ Angular full-stack version in development
๐Ÿงช Vue/Svelte versions being explored
๐Ÿงช Backend integration under consideration
๐Ÿ› ๏ธ Still being expanded as I continue to learn

Deployment:
Netlify badge
Render badge โ€“ (Notes transferred to back end โ€“ Coming Soon)
๐Ÿ”ง Skills Used

๐Ÿ›  Work In Progress

๐ŸŽฎ PixelProse

  • ๐Ÿ“ Repository
  • ๐ŸŒ Live Site
    Comprehensive notes on game design and development โ€” ideal for learners and indie devs.

๐Ÿงฉ Shares layout with Code Quest and Net Notes
๐Ÿ“ Part of a multi-repo umbrella project โ€” see PixelProse Versions
๐Ÿ”„ Angular full-stack version in development
๐Ÿงช Vue/Svelte versions being explored
๐Ÿงช Backend integration under consideration
๐Ÿ› ๏ธ Still being expanded as I continue to learn

Deployment:
Netlify badge
Render badge โ€“ (Notes transferred to back end โ€“ Coming Soon)
๐Ÿ”ง Skills Used

๐Ÿ›  Work In Progress

๐ŸŽฏ Goals & Interests

  • ๐Ÿ”ง Deepen my full-stack development skills (backend + deployment)
  • ๐Ÿ“š Retake CCNA certifications and explore advanced networking topics
  • ๐ŸŽฎ Build tools and apps for communities, learning, and gaming
  • ๐Ÿค Collaborate on open-source and dev-focused projects
  • โœจ Keep merging creativity and code through clean, thoughtful design

Thanks for checking out my profile โ€” feel free to connect, follow, or explore! ๐Ÿš€

Pinned Loading

  1. DevScriptStax DevScriptStax Public

    React version of my coding notes

    TypeScript 2

  2. alu-tracker-meta alu-tracker-meta Public

    Umbrella repo linking all Asphalt Legends Unite Tracker projects.

    1

  3. NetNotes NetNotes Public

    Notes relating to networking topics such as Cisco, VOIP, and Network Security.

    TypeScript 1

  4. AppFoundry AppFoundry Public

    React site dedicated to my notes on mobile app and game development

    TypeScript 1

  5. PixelProse PixelProse Public

    For all my notes relating to game development and design

    TypeScript 1

  6. portfolio-2025 portfolio-2025 Public

    React version of my portfolio

    TypeScript 1