Loading animation
5%
.coding
.graphic_design
Portrait
Scroll

Mario Jones Full-Stack Developer & Designer

Hi, I’m Mario | Fullstack Developer, Graphic Designer, and Digital 2D Artist. Whether it’s sleek websites, interactive applications, or vibrant digital art, I build and design with purpose. I work across all major programming languages, frameworks, and creative tools, turning bold ideas into polished digital experiences. I also speak human and pay attention to details. I hear you. Ready to begin an awesome colaboration? Let’s connect.

About Mario

Compassionate and Empathetic Web Developer & Graphic Artist

I’m a multidisciplinary creative with a unique journey-25+ years across tech, art, and entertainment. I’ve worked on Hollywood blockbusters, Managed and repaired telecommunications networks, and now, I code full-stack applications with modern, responsive design.

✅ 15+ years as a professional scenic artist on award-winning film productions,
✅ 25+ years of hands-on experience in electronics, networking, and home automation
✅ Trained full-stack developer with 3 portfolio-ready apps, React front-ends, Node.js APIs, and SQL/NoSQL databases
✅ Currently pursuing my AA in Graphic Design (GPA 3.8) with a focus on UX/UI design principles

What makes me different? I don’t just code-I design. I don’t just design-I engineer solutions. I translate ideas into experiences that connect visually and functionally.

📌 Tools of Choice: React, Node.js, Express, MongoDB, PostgreSQL, Docker, AWS, Adobe Creative Suite, Blender, and good old-fashioned pencil and paper.

Web Developement

As a full-stack developer, I build responsive, dynamic web applications using React, Node.js, Express, and MongoDB.

Graphic Design

I’m highly proficient in Adobe Creative Suite, Blender, and SketchUp, blending technical skill with creative vision for impactful visuals across digital and print media.

Collaborative Spirt

I’m a natural collaborator with strong communication skills, honed through decades of teamwork in high-pressure environments like film sets and tech projects.

Work Experience

Be it creative industries or technology, with 25+ years spanning telecommunications, film production, and software development.

Mario's Skills

HTML/CSS

85%

JavaScript

85%

React

70%

TypeScript

60%

Tailwind CSS

75%

Next.js

85%

Node.js

65%

Express

65%

MongoDB

60%

Python

60%

MySql

60%

Git/GitHub

80%

Adobe CS

95%

Figma

90%

VS Code

90%

Blender

90%

Photoshop

97%

illustrator

97%

Featured Projects

Here's a selection of my favorite projects. Every project reflects my commitment to clean code, strong visuals, and practical, real-world functionality.

Iswi | Civic Engagement Platform
React.jsPostgreSQLMatrixNode.js

Iswi | Civic Engagement Platform

A full-stack civic engagement platform designed to facilitate democratic participation, proposition voting, and community discourse at scale. Built with React.js, PostgreSQL for relational data storage, and the Matrix protocol for decentralized real-time communication. Deployed as a live production application at iswi.co.za.

Foundation for African Empowerment
TypeScriptReactVite

Foundation for African Empowerment

A production TypeScript website for a global NGO operating disability-inclusive education programs across 63 partner countries on six continents. Features an interactive partner network map, program showcases, and community engagement pathways including donations, volunteering, and corporate partnerships.

Ecommerce Website
HTMLCSSJavaScript

Ecommerce Website

A fully functional e-commerce application replicating the core Amazon shopping experience; product browsing, a persistent shopping cart, and a complete order checkout flow. Built with vanilla JavaScript, HTML, and CSS to demonstrate DOM manipulation, event-driven programming, and client-side state management without a framework.

Draft Prop | Blockchain Voting App
SolidityReactethers.jsHardhat

Draft Prop | Blockchain Voting App

A decentralized voting application on the Ethereum blockchain. Users create draft proposals, vote with yeas or nays, and successful drafts automatically promote to on-chain propositions at 5 votes. Built with Solidity smart contracts, Hardhat, React, ethers.js, and MetaMask; supports Sepolia testnet and Polygon Amoy.

Full Stack (MERN) Product Store App
ReactNode.jsExpressMongoDB

Full Stack (MERN) Product Store App

A full-stack product management application built on the MERN stack. Users can create, view, update, and delete product listings in real time through a RESTful API. Frontend state is managed with Zustand, the backend runs on Express, and data is persisted in MongoDB Atlas. Deployed to production on Vercel.

YouTube Clone
HTMLCSSCSS GridFlexbox

YouTube Clone

A pixel-precise frontend recreation of the YouTube homepage built entirely with HTML5 and CSS3; no JavaScript or frameworks. Demonstrates professional layout engineering with CSS Grid and Flexbox, responsive design via media queries, and the ability to translate a production-grade UI into clean, maintainable semantic markup.

Check My Github

Let's Connect!

I’m always open to new opportunities and creative collaborations. Whether you need a full-stack developer, graphic designer, or concept artist, let’s connect! Remote Friendly

Contact Information

Meet me in the Socials:

Send a Message