JACK RYAN ORACOY • CODE x DESIGN
 Learn More
 Get In Touch

CODE x DESIGN

As a passionate Front-end Web Developer and accomplished Web/Graphic Designer, I specialize in crafting immersive digital experiences. Proficient in HTML5, CSS3, JavaScript, TypeScript, I bring creativity and technical expertise to every project. With a solid foundation in ReactJS and a knack for WordPress, I seamlessly blend aesthetics with functionality. Let's build user-centric, visually stunning websites that leave a lasting impression.

 Learn More

HTML5

CSS3

JS/TS

Php

Sass

React/Next

WordPress

Bootstrap

Git

Figma

Adobe Suite

More

Parallax Image
JACK RYAN ORACOY - Code x Design | The Simple Portfolio

PROJECTS

Feature Template Image

LNGRZUI-Starter [WIP] - A Collection Of Reusable UI Components

STACK: REACT, NEXT, TURBO, TYPESCRIPT, SASS

LNGRZUI Starter is a repository that contains a collection of reusable UI components that can be used across multiple web applications. The components have been developed with React.js and TypeScript and are fully customizable to fit the design needs of any web application.

Learn More 
 Check Repo

Code

Code Template Item Image

Moonshine - Scalable & Maintainable Architecture.

STACK: HTML5, CSS3, SASS, PWA, BEM, ITCSS

Moonshine, a scalable and maintainable architecture for building responsive, mobile-first web apps or sites. Moonshine helps you build not only fast but scalable and maintainable web apps or sites.

Learn More 
Code Template Item Image

Twilightbloom - Simplified, Scalable & Maintainable Front-end Web Template.

STACK: HTML5, CSS3, SASS, ITCSS

Twilightbloom (Front-end Web Development Template, Japanese) - A Simple yet Scalable and Maintainable Architecture.

Learn More 
Code Template Item Image

Sunshine - Scalable & Maintainable Wordpress Theme.

STACK: WP, PHP, HTML5, CSS3, SASS, ITCSS

Scalable & Maintainable Wordpress Theme. Sunshine helps you build a scalable and maintainable wordpress theme...

 Check Repo

Design

Code Template Item Image

Stall - An eCommerce Platform

STACK: Figma, Adobe Ai

Design Stage of the attempt to create an eCommerce platform for the local shops/store.

 Check Design
Code Template Item Image

JACKRO Brand Design

STACK: Adobe Ai

Personal brand logo design to be use as an official brand logo for portfolio and other use.

 Check Design
Code Template Item Image

Villahermosa Construction Logo

STACK: Adobe Ai

Brand logo design for a construction company, Villahermosa Construction

 Check Design
View All 

STACK

HTML5

CSS3

JS/TS

Php

Sass

ReactJs/NextJs

WordPress

Bootstrap

Git

Figma

Adobe Suite

More

HTML5, CSS3, JavaScript, TypeScript, Php, Sass, MySQL, jQuery, HTMX, ReactJs, NextJs, GatsbyJs, WordPress, Contentful, Strapi,
Bootstrap, Tailwind CSS, Ant Design, Material UI, Git, Cypress, Responsive Design, Figma, Adobe Ai, Adobe Ps, Adobe Xd, Adobe Pr, Adobe Fr.

 Learn More