<james/>
boot.sh
$init portfolio.engine
loading modules........... ok
compiling assets.......... ok
hydrating react islands... ok
ready.
loading
00%
Available for hire

// Hello, World! 👋

Hi! I'm james

I'm a

Building everything from small business sites to full-scale e-commerce platforms — bridging the gap between design and functionality since 2015.

Let's connect
scroll

01. about_me.tsx

The Human Behind the Code

james photojames hover photo
available
10+ yrs coding

I've been coding since 2015, and began working professionally in 2019, building everything from small business sites to full-scale e-commerce platforms and high-performing landing pages.

I enjoy bridging the gap between design and functionality — bringing ideas to life through code that's scalable, maintainable, and user-focused.

Beyond coding, I'm constantly exploring new technologies — from LAMP and MERN stacks to Generative AI — always finding ways to grow as a developer.

💻
10+
Years Coding
🚀
2019
Professional Since
📦
45+
Projects Shipped
Cups of Coffee
about.ts
TypeScript
123
5
789
11121314
16171819
21
/**
* About Me — A human who writes code
*/
class Developer extends Human {
mission = "Bridge design & functionality";
started = 2015;
professional = 2019;
buildAnything() {
return ["e-commerce", "landing pages",
"business sites", "more..."];
}
growEveryDay() {
this.skills.push(latestTech);
this.designEye.sharpen();
}
}
Ln 21, Col 1 · TypeScript · No errors

02. skills.config.ts

My Tech Arsenal

⚛️Frontend
MongoDB
React
JavaScript
TypeScript
HTML
CSS
Tailwind CSS
🎯
Clean Code
Scalable, maintainable, and readable — always.
🤝
Collaboration
Love working with teams to ship great products.
📐
Design Sense
Bridging the gap between devs and designers.
🔬
Always Learning
Exploring new technologies every single day.

// technologies I work with

Linux
Apache
MySQL
PHP
MongoDB
React
JavaScript
TypeScript
HTML
CSS
Tailwind CSS
Express
Node.js
REST APIs
OpenAI
Ollama
Hugging Face
TensorFlow
Git
GitHub
Docker
VS Code
Figma

03. featured_work.tsx

Things I've Built

37+ projects shipped
// role
// via
// showing 6 of 37
nextlevel
moegi-no-sato.ts
12345
export function Page() {
  return <main>
    <Hero />
    <Content />
  </main>
Wordpress

Moegi No Sato

role: Developervia: Upward Next

A Japanese cemetery offering pet-friendly burial plots. Established in 2011, it has sold approximately 2,000 plots and is now opening a new area called “Garden Area / Hills Area”. The site emphasizes sunny, green, elevated plots, encourages site visits, and provides information on plot availability and cemetery features.

epa
executive-partner-assistant-(epa).ts
12345
const query = `
  SELECT * FROM products
  WHERE active = true
  ORDER BY date DESC
`;
Wordpress

Executive Partner Assistant (EPA)

role: Developervia: Upward Next

A corporate landing page for a business support service branded as “ EPA(Exective Partner Assistant)” focused on executive‑level assistant development and placement. It promotes training and deployment of strategic assistant personnel who go beyond traditional secretarial tasks to support executive decision‑making, information organization, internal/external communication and administrative alignment so that leaders can focus on core business priorities. It includes a summary of EPA roles, outcomes, service offerings, and a contact form.

nextlevel
next-level-holdings-gigwork.ts
12345
function init() {
  // Bootstrap app
  app.use(middleware);
  app.listen(3000);
}
Wordpress

Next Level Holdings Gigwork

role: Lead-Developervia: Upward Next

Part of the ネクストレベルホールディングス (NextLevel Holdings) online ecosystem and functions as a job search interface for “ネクストレベル” gig work and スキマバイト listings in Japan. It lets users search and filter short‑term and flexible part‑time jobs (軽作業, 倉庫/物流, イベント, 事務など) by region, date and category, with registration and job application options for gig workers seeking work that fits their schedules. This service is associated with NextLevel’s broader HR‑matching platform that connects companies with flexible workforce opportunities.

eel
nagamine-arch.ts
12345
class Controller {
  index() {
    return view('home');
  }
}
Wordpress

Nagamine Arch

role: Lead-Developervia: Upward Next

The corporate homepage of 永峰大吾建築設計事務所 (Nagamine Daigo Architectural Design Office), a Japanese licensed architecture firm. It outlines the practice’s architectural design services including residential and commercial building planning, design approach, office profile (Tokyo and Fukushima offices), team credentials and contact information for client engagement.

chizaki
chizaki-road-recruit.ts
12345
import WordPress from '@/cms';
const posts = await
  WordPress.getPosts();
return { posts };
Wordpress

Chizaki Road Recruit

role: Developervia: Upward Next

The official recruitment site for 地崎道路株式会社. It functions as a hiring portal showcasing the company’s corporate philosophy, business fields (road/airport infrastructure and related projects), team culture, employee stories, benefits, training environment and career paths, as well as new graduate and experienced recruitment information with entry links for applicants.

munagi
cervis.ts
12345
const router = createRouter();
router.get('/api',
  async (req, res) => {
    res.json(data);
Wordpress

CERVIS

role: Developervia: Upward Next

The company as a professional provider of electrical and air-conditioning equipment solutions. It details comprehensive services including installation, maintenance, cleaning, and facility management. Beyond air-conditioning, the company offers integrated solutions for all types of building systems, serving large-scale commercial and industrial facilities.

04. git log --oneline

My Dev Journey

a3f9c1e2015

The Spark

Self-Taught

Wrote my first line of HTML and immediately got hooked. Started with basic websites, moved to JavaScript and PHP, and never looked back. Every bug became a puzzle worth solving.

HTMLCSSJavaScriptPHPSelf-Learning
b72e4d82017

Going Deeper

Personal Projects

Dove into the LAMP stack and build tools. Learned Apache, MySQL, and started building real projects for friends and local businesses as a freelancer.

PHPMySQLApacheWordPressFreelancing
c1892af2019

Going Professional

Upward Next

Landed my first professional developer position. Started contributing to production codebases, shipping corporate and e-commerce sites for Japanese clients.

LAMP StackWordPressEccubeWelcartAgile
d4560be2021

Full-Stack Growth

Lead Developer

Took on full-stack responsibilities — architecting databases, building APIs, and leading feature development. Shipped multiple e-commerce platforms and business tools.

PHPMySQLJavaScriptE-CommerceLead Dev
e9021dc2024

Expanding the Stack

Upward Next

Began exploring MERN stack and Generative AI — adding React, Node.js, and LLM tooling to my skill set alongside continued professional LAMP development.

ReactNode.jsOpenAIMongoDBFull-Stack
HEADNowLive

Present & Beyond

Available for Hire

Continuing to build, learn, and grow. Excited about new challenges, collaborations, and the next great project. Always exploring what's next in web development.

Open to OpportunitiesFreelanceFull-Time

05. contact.send()

Let's Build Something Together

Whether you have a project in mind, want to collaborate, or just want to say hi

contact.sh
echo $STATUS
→ Open to opportunities
Location: Manila, Philippines
Response: Within 24 hours
send_message.ts