Skip to content
View JhayCodesDev's full-sized avatar

Block or report JhayCodesDev

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.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
JhayCodesDev/README.md

JHAYCODES

Frontend & Software Developer

I BUILD. · I BREAK. · I UNDERSTAND. · I BUILD BETTER.


Portfolio

 

GitHub

 

LinkedIn

Building with purpose. Learning by understanding. Improving through experience.


01 / THE BUILDER

I don't just want software to work.

I want to understand why it works.

I build things, break things, rebuild them, and use every project as an opportunity to understand the systems beneath the surface.

My main focus is frontend development, but I'm deliberately expanding beyond the interface — strengthening my programming fundamentals, deepening my Python knowledge, learning C++, and moving toward backend development and AI engineering.

BUILD

  ↓

BREAK

  ↓

UNDERSTAND

  ↓

REBUILD

  ↓

BUILD BETTER

02 / THE STACK

Frontend

Frontend technologies

Programming

Programming languages

Tools

Development tools


03 / CURRENTLY LEARNING

┌──────────────────────────────────────────────────────┐
│                    CURRENT LAB                       │
├──────────────────────────────────────────────────────┤
│                                                      │
│  PYTHON                                              │
│  Deepening my understanding beyond syntax —          │
│  applying concepts through real projects.            │
│                                                      │
│  C++                                                 │
│  Strengthening my programming fundamentals and       │
│  preparing for university coursework.                │
│                                                      │
│  BACKEND                                             │
│  The next layer beyond the interface.                │
│  Learning how applications work behind the scenes.   │
│                                                      │
│  AI ENGINEERING                                      │
│  The direction I'm building toward.                  │
│  Python → Backend → AI.                              │
│                                                      │
└──────────────────────────────────────────────────────┘

04 / THINGS I'VE BUILT

🛒 JHAY HUB

React e-commerce experience

JHAY HUB project preview

A modern e-commerce application built around real-world frontend patterns — product discovery, category filtering, cart management, persistent state, responsive layouts, API handling, and dark/light mode.

Built with

React JavaScript Tailwind CSS Context API

JHAY HUB live demo JHAY HUB source code


🏦 JhayBank

JavaScript banking simulation

JhayBank project preview

A browser-based banking simulation built to practice application logic, transactions, state management, validation, and user interaction.

Built with

HTML5 CSS3 JavaScript

JhayBank live demo JhayBank source code


📚 SwiftReads

Responsive bookstore experience

SwiftReads project preview

A responsive bookstore interface built with Bootstrap, focusing on layout structure, responsiveness, component organization, and usability.

Built with

HTML5 CSS3 Bootstrap

SwiftReads live demo SwiftReads source code


🛠 Smart Utility

Python + Flask utility application

Smart Utility project preview

A practical Flask application combining password generation with binary and hexadecimal number conversion.

Built with

Python Flask HTML CSS

Smart Utility source code


05 / HOW I LEARN

╔══════════════════════════════════════════════╗
║                                              ║
║                    BUILD                     ║
║                      ↓                       ║
║                    BREAK                     ║
║                      ↓                       ║
║                 UNDERSTAND                   ║
║                      ↓                       ║
║                   REBUILD                    ║
║                      ↓                       ║
║                 BUILD BETTER                 ║
║                                              ║
╚══════════════════════════════════════════════╝

I learn best by taking ideas out of theory and turning them into working software.

If something breaks, that's not wasted time.

That's where the interesting part starts.


06 / GITHUB

⚡ THE WORKSHOP

GitHub is where the ideas become evidence.

I use this space to build projects, experiment with technologies, solve problems, and document the evolution from learning → building → understanding.


Explore repositories Starred projects

Follow the commits. Explore the projects. Watch the evolution.


07 / THE DIRECTION

                    WHERE I AM
                         │
                         ▼
              ┌─────────────────────┐
              │ Frontend Development│
              └──────────┬──────────┘
                         │
                         ▼
              ┌─────────────────────┐
              │  JavaScript / React │
              └──────────┬──────────┘
                         │
                         ▼
              ┌─────────────────────┐
              │ Programming         │
              │ Fundamentals        │
              └──────────┬──────────┘
                         │
                         ▼
              ┌─────────────────────┐
              │       Python        │
              └──────────┬──────────┘
                         │
                         ▼
              ┌─────────────────────┐
              │ Backend Development │
              └──────────┬──────────┘
                         │
                         ▼
              ┌─────────────────────┐
              │   AI Engineering    │
              └─────────────────────┘

The goal isn't to collect technologies. The goal is to understand enough of them to build meaningful things.


08 / FIND ME

Website GitHub X Instagram LinkedIn Email


Build with purpose. Learn with curiosity. Deliver with quality.

— JhayCodes


Still building. Still breaking. Still understanding.

Pinned Loading

  1. react-ecommerce-jhayhub react-ecommerce-jhayhub Public

    Modern React e-commerce application featuring product search, category filtering, shopping cart, dark/light mode, and responsive design.

    JavaScript

  2. JhayBank JhayBank Public

    A digital banking simulation built with HTML, CSS, and JavaScript featuring transactions, loans, account management, and responsive design.

    JavaScript

  3. swiftreads-bookstore swiftreads-bookstore Public

    Responsive online bookstore built with Bootstrap 5 featuring modern UI, book listings, and detailed product pages.

    CSS

  4. smart-utility smart-utility Public

    A Flask-based utility application featuring a secure password generator and number conversion tools for binary and hexadecimal representations.

    HTML