import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData(primarySwatch: Colors.blue), home: Scaffold( appBar: AppBar(title: Text('App')), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('Hello World'), SizedBox(height: 20), ElevatedButton( onPressed: () => setState(() {}), child: Text('Press'), ), ], ), ), ), ); }} class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Home')), body: ListView.builder( itemCount: 100, itemBuilder: (context, index) => ListTile(title: Text('Item $index')), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, child: Icon(Icons.add), ), ); }} Widget buildButton() { return ElevatedButton( onPressed: () {}, child: Text('Submit'), );} Future<void> fetchData() async { final response = await http.get(url); if (response.statusCode == 200) { setState(() { data = jsonDecode(response.body); }); }} Container( padding: EdgeInsets.all(16), margin: EdgeInsets.symmetric(vertical: 8), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(8), ), child: Text('Content'),) Navigator.push(context, MaterialPageRoute( builder: (context) => DetailScreen(),)); StreamBuilder<Data>( stream: dataStream, builder: (context, snapshot) { if (snapshot.hasData) return Text(snapshot.data!.name); return CircularProgressIndicator(); },) AnimationController(duration: Duration(seconds: 1), vsync: this)TweenAnimationBuilder<double>( tween: Tween(begin: 0, end: 1), builder: (context, value, child) => Opacity(opacity: value, child: child!),) MediaQuery.of(context).size.widthTheme.of(context).primaryColorconst SizedBox(height: 16)Flexible(child: Text('Flex'), flex: 1)Expanded(child: Container(color: Colors.blue))Padding(padding: EdgeInsets.all(8), child: child)Align(alignment: Alignment.center, child: child)Stack(children: [Positioned.fill(child: bg), Positioned(top: 0, child: fg)])GridView.builder(gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2), itemBuilder: ...)SingleChildScrollView(child: Column(children: [...]))Form(key: _formKey, child: Column(children: [TextField(...), ElevatedButton(...)]))TextFormField(validator: (v) => v!.isEmpty ? 'Required' : null)Scaffold(body: body, bottomNavigationBar: BottomNavigationBar(items: [...]))Drawer(child: ListView(children: [ListTile(title: Text('Menu'))]))TabBar(tabs: [Tab(text: 'Tab1'), Tab(text: 'Tab2')])TabBarView(children: [Widget1(), Widget2()])RefreshIndicator(onRefresh: () async {}, child: ListView(...))GestureDetector(onTap: () {}, child: widget)InkWell(onTap: () {}, child: widget)Dismissible(key: Key(id), onDismissed: (d) => delete(id), child: tile)Hero(tag: 'image', child: Image.network(url))AnimatedContainer(duration: Duration(milliseconds: 300), color: color)FadeTransition(opacity: animation, child: widget)SlideTransition(position: offset, child: widget)CustomScrollView(slivers: [SliverAppBar(), SliverList(...)])SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3)NestedScrollView(headerSliverBuilder: ..., body: ...)DefaultTextStyle(style: TextStyle(fontSize: 16), child: widget)InheritedWidget for theme/dataBuilder(builder: (context) => widget)LayoutBuilder(builder: (context, constraints) => ...)OrientationBuilder(builder: (context, orientation) => ...)ValueListenableBuilder(valueListenable: notifier, builder: (context, value, child) => ...)import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData(primarySwatch: Colors.blue), home: Scaffold( appBar: AppBar(title: Text('App')), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('Hello World'), SizedBox(height: 20), ElevatedButton( onPressed: () => setState(() {}), child: Text('Press'), ), ], ), ), ), ); }} class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Home')), body: ListView.builder( itemCount: 100, itemBuilder: (context, index) => ListTile(title: Text('Item $index')), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, child: Icon(Icons.add), ), ); }} Widget buildButton() { return ElevatedButton( onPressed: () {}, child: Text('Submit'), );} Future<void> fetchData() async { final response = await http.get(url); if (response.statusCode == 200) { setState(() { data = jsonDecode(response.body); }); }} Container( padding: EdgeInsets.all(16), margin: EdgeInsets.symmetric(vertical: 8), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(8), ), child: Text('Content'),) Navigator.push(context, MaterialPageRoute( builder: (context) => DetailScreen(),)); StreamBuilder<Data>( stream: dataStream, builder: (context, snapshot) { if (snapshot.hasData) return Text(snapshot.data!.name); return CircularProgressIndicator(); },) AnimationController(duration: Duration(seconds: 1), vsync: this)TweenAnimationBuilder<double>( tween: Tween(begin: 0, end: 1), builder: (context, value, child) => Opacity(opacity: value, child: child!),) MediaQuery.of(context).size.widthTheme.of(context).primaryColorconst SizedBox(height: 16)Flexible(child: Text('Flex'), flex: 1)Expanded(child: Container(color: Colors.blue))Padding(padding: EdgeInsets.all(8), child: child)Align(alignment: Alignment.center, child: child)Stack(children: [Positioned.fill(child: bg), Positioned(top: 0, child: fg)])GridView.builder(gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2), itemBuilder: ...)SingleChildScrollView(child: Column(children: [...]))Form(key: _formKey, child: Column(children: [TextField(...), ElevatedButton(...)]))TextFormField(validator: (v) => v!.isEmpty ? 'Required' : null)Scaffold(body: body, bottomNavigationBar: BottomNavigationBar(items: [...]))Drawer(child: ListView(children: [ListTile(title: Text('Menu'))]))TabBar(tabs: [Tab(text: 'Tab1'), Tab(text: 'Tab2')])TabBarView(children: [Widget1(), Widget2()])RefreshIndicator(onRefresh: () async {}, child: ListView(...))GestureDetector(onTap: () {}, child: widget)InkWell(onTap: () {}, child: widget)Dismissible(key: Key(id), onDismissed: (d) => delete(id), child: tile)Hero(tag: 'image', child: Image.network(url))AnimatedContainer(duration: Duration(milliseconds: 300), color: color)FadeTransition(opacity: animation, child: widget)SlideTransition(position: offset, child: widget)CustomScrollView(slivers: [SliverAppBar(), SliverList(...)])SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3)NestedScrollView(headerSliverBuilder: ..., body: ...)DefaultTextStyle(style: TextStyle(fontSize: 16), child: widget)InheritedWidget for theme/dataBuilder(builder: (context) => widget)LayoutBuilder(builder: (context, constraints) => ...)OrientationBuilder(builder: (context, orientation) => ...)ValueListenableBuilder(valueListenable: notifier, builder: (context, value, child) => ...)import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData(primarySwatch: Colors.blue), home: Scaffold( appBar: AppBar(title: Text('App')), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('Hello World'), SizedBox(height: 20), ElevatedButton( onPressed: () => setState(() {}), child: Text('Press'), ), ], ), ), ), ); }} class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Home')), body: ListView.builder( itemCount: 100, itemBuilder: (context, index) => ListTile(title: Text('Item $index')), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, child: Icon(Icons.add), ), ); }} Widget buildButton() { return ElevatedButton( onPressed: () {}, child: Text('Submit'), );} Future<void> fetchData() async { final response = await http.get(url); if (response.statusCode == 200) { setState(() { data = jsonDecode(response.body); }); }} Container( padding: EdgeInsets.all(16), margin: EdgeInsets.symmetric(vertical: 8), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(8), ), child: Text('Content'),) Navigator.push(context, MaterialPageRoute( builder: (context) => DetailScreen(),)); StreamBuilder<Data>( stream: dataStream, builder: (context, snapshot) { if (snapshot.hasData) return Text(snapshot.data!.name); return CircularProgressIndicator(); },) AnimationController(duration: Duration(seconds: 1), vsync: this)TweenAnimationBuilder<double>( tween: Tween(begin: 0, end: 1), builder: (context, value, child) => Opacity(opacity: value, child: child!),) MediaQuery.of(context).size.widthTheme.of(context).primaryColorconst SizedBox(height: 16)Flexible(child: Text('Flex'), flex: 1)Expanded(child: Container(color: Colors.blue))Padding(padding: EdgeInsets.all(8), child: child)Align(alignment: Alignment.center, child: child)Stack(children: [Positioned.fill(child: bg), Positioned(top: 0, child: fg)])GridView.builder(gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2), itemBuilder: ...)SingleChildScrollView(child: Column(children: [...]))Form(key: _formKey, child: Column(children: [TextField(...), ElevatedButton(...)]))TextFormField(validator: (v) => v!.isEmpty ? 'Required' : null)Scaffold(body: body, bottomNavigationBar: BottomNavigationBar(items: [...]))Drawer(child: ListView(children: [ListTile(title: Text('Menu'))]))TabBar(tabs: [Tab(text: 'Tab1'), Tab(text: 'Tab2')])TabBarView(children: [Widget1(), Widget2()])RefreshIndicator(onRefresh: () async {}, child: ListView(...))GestureDetector(onTap: () {}, child: widget)InkWell(onTap: () {}, child: widget)Dismissible(key: Key(id), onDismissed: (d) => delete(id), child: tile)Hero(tag: 'image', child: Image.network(url))AnimatedContainer(duration: Duration(milliseconds: 300), color: color)FadeTransition(opacity: animation, child: widget)SlideTransition(position: offset, child: widget)CustomScrollView(slivers: [SliverAppBar(), SliverList(...)])SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3)NestedScrollView(headerSliverBuilder: ..., body: ...)DefaultTextStyle(style: TextStyle(fontSize: 16), child: widget)InheritedWidget for theme/dataBuilder(builder: (context) => widget)LayoutBuilder(builder: (context, constraints) => ...)OrientationBuilder(builder: (context, orientation) => ...)ValueListenableBuilder(valueListenable: notifier, builder: (context, value, child) => ...)import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData(primarySwatch: Colors.blue), home: Scaffold( appBar: AppBar(title: Text('App')), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text('Hello World'), SizedBox(height: 20), ElevatedButton( onPressed: () => setState(() {}), child: Text('Press'), ), ], ), ), ), ); }} class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Home')), body: ListView.builder( itemCount: 100, itemBuilder: (context, index) => ListTile(title: Text('Item $index')), ), floatingActionButton: FloatingActionButton( onPressed: _incrementCounter, child: Icon(Icons.add), ), ); }} Widget buildButton() { return ElevatedButton( onPressed: () {}, child: Text('Submit'), );} Future<void> fetchData() async { final response = await http.get(url); if (response.statusCode == 200) { setState(() { data = jsonDecode(response.body); }); }} Container( padding: EdgeInsets.all(16), margin: EdgeInsets.symmetric(vertical: 8), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(8), ), child: Text('Content'),) Navigator.push(context, MaterialPageRoute( builder: (context) => DetailScreen(),)); StreamBuilder<Data>( stream: dataStream, builder: (context, snapshot) { if (snapshot.hasData) return Text(snapshot.data!.name); return CircularProgressIndicator(); },) AnimationController(duration: Duration(seconds: 1), vsync: this)TweenAnimationBuilder<double>( tween: Tween(begin: 0, end: 1), builder: (context, value, child) => Opacity(opacity: value, child: child!),) MediaQuery.of(context).size.widthTheme.of(context).primaryColorconst SizedBox(height: 16)Flexible(child: Text('Flex'), flex: 1)Expanded(child: Container(color: Colors.blue))Padding(padding: EdgeInsets.all(8), child: child)Align(alignment: Alignment.center, child: child)Stack(children: [Positioned.fill(child: bg), Positioned(top: 0, child: fg)])GridView.builder(gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2), itemBuilder: ...)SingleChildScrollView(child: Column(children: [...]))Form(key: _formKey, child: Column(children: [TextField(...), ElevatedButton(...)]))TextFormField(validator: (v) => v!.isEmpty ? 'Required' : null)Scaffold(body: body, bottomNavigationBar: BottomNavigationBar(items: [...]))Drawer(child: ListView(children: [ListTile(title: Text('Menu'))]))TabBar(tabs: [Tab(text: 'Tab1'), Tab(text: 'Tab2')])TabBarView(children: [Widget1(), Widget2()])RefreshIndicator(onRefresh: () async {}, child: ListView(...))GestureDetector(onTap: () {}, child: widget)InkWell(onTap: () {}, child: widget)Dismissible(key: Key(id), onDismissed: (d) => delete(id), child: tile)Hero(tag: 'image', child: Image.network(url))AnimatedContainer(duration: Duration(milliseconds: 300), color: color)FadeTransition(opacity: animation, child: widget)SlideTransition(position: offset, child: widget)CustomScrollView(slivers: [SliverAppBar(), SliverList(...)])SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3)NestedScrollView(headerSliverBuilder: ..., body: ...)DefaultTextStyle(style: TextStyle(fontSize: 16), child: widget)InheritedWidget for theme/dataBuilder(builder: (context) => widget)LayoutBuilder(builder: (context, constraints) => ...)OrientationBuilder(builder: (context, orientation) => ...)ValueListenableBuilder(valueListenable: notifier, builder: (context, value, child) => ...)

Full-Stack
Web/Mobile DeveloperFull-Stack Web/Mobile Developer

PAUL JAMES
VILLANUEVA

Full stack developer building apps and platforms for mobile and web.

Contact Me Download CV

Who I Am

About Me

I'm Paul — 29, based in Naga City, Philippines. When I'm not shipping code, you'll probably find me outdoors on a nature trip.

I've been a full-stack developer for 6+ years — mobile, web, and backend, depending on what the product needs. Single, curious, and happiest when I'm building something real or getting lost in the outdoors.

Technologies

Tech Stack

Technologies I've explored so far.

Career

Work Experience

From freelance builds to full-time roles — shipping mobile, web, and backend products across a range of companies and clients.

Freelance Web Developer

WEB4EX

January 2026 – February 2026

WebAI IntegrationShopify

Contributed to the WEB4EX website offer and quotation feature that sends AI-generated project planner quotations to clients and administrators.
Created the MYVORA website for the food supplements launch wishlist, connected to a Shopify store.
Contributed to multiple UI fixes and landing-page changes on the Xlingua website.

Flutter DeveloperCurrent

Afterdark Society

July 2025 – August 2026

FlutterFirebaseReal-time

Developed and maintained a social media application catering to diverse communities and interests.
Implemented real-time messaging and content-sharing features using Flutter and Firebase.

Full-Stack Software Developer (Flutter & Django)

E1+ Development Agency

December 2024 – May 2025

FlutterDjangoGraphQL

Enhanced DTB App, an accreditation tool for gymnastics judges in Germany.
Contributed to DTB Backend using Django and GraphQL.
Developed DTB Competition Creator App, a web platform for organizing gymnastics competitions.

Freelance Flutter Developer

Couples Harmony

November 2024 – January 2025

FlutterOpenAI

Built an AI Relationship Advisor for couples counseling using Flutter and OpenAI integration.

Freelance Flutter Developer

Ayla Voice Assistant App

September 2024 – January 2025

FlutterAIAccessibility

Developed an AI-powered voice assistant app designed to assist elderly users.

Freelance Flutter Developer

Nooks & Cranny Auto Detailing Services

July 2024 – September 2024

Flutter

Created an internal app for job assignment and progress tracking.

Tuilder Web Services

October 2020 – July 2024

Full-Stack Web Developer (Angular & .NET)

March 2024 – July 2024

.NETAngularThree.js

Built a productivity platform using .NET Razor Pages (WorkWithMe).
Integrated a 3D logo matrix with Three.js for a Virtual Background Web App.
Supported development of a server-driven app framework using .NET and Angular.

Full-Stack Mobile Developer (Flutter & Node.js)

June 2021 – July 2024

FlutterNode.jsMongoDB

Created the LE Teams App mobile application.
Implemented background geolocation and offline data sync features.
Developed a Node.js backend with MongoDB for app data management.

Frontend Web Developer

October 2020 – June 2021

HTML/CSSJavaScript

Enhanced and maintained existing websites (Eastward Missions, Music Camp Website).
Built a new version of the no-code web builder platform (Tuilder V2).

Portfolio

Projects

Afterdark Society

Mobile

AfterDark Society

Social app for diverse communities with real-time messaging and content sharing.

FlutterFirebase

Afterdark Society

Mobile

Stay Delivered App

On-demand delivery app connecting golfers and golf clubs with food, drinks, and gear right on the course.

FlutterFirebase

DTB App (Judge Accreditation) screenshot 1

DTB App (Judge Accreditation) screenshot 2

DTB App (Judge Accreditation) screenshot 3

DTB App (Judge Accreditation) screenshot 4

DTB App (Judge Accreditation) screenshot 5

DTB App (Judge Accreditation) screenshot 6

DTB App (Judge Accreditation) screenshot 7

DTB App (Judge Accreditation) screenshot 8

DTB App (Judge Accreditation) screenshot 9

DTB App (Judge Accreditation) screenshot 10

DTB App (Judge Accreditation) screenshot 11

DTB App (Judge Accreditation) screenshot 12

DTB App (Judge Accreditation) screenshot 13

DTB App (Judge Accreditation) screenshot 14

E1+ Development Agency

Mobile

DTB App (Judge Accreditation)

Mobile app used for judge accreditation workflows and submissions.

Flutter

DTB Competition Judge Web App screenshot 1

DTB Competition Judge Web App screenshot 2

DTB Competition Judge Web App screenshot 3

DTB Competition Judge Web App screenshot 4

E1+ Development Agency

Web

DTB Competition Judge Web App

Web platform for competition judges to review, score, and manage judging tasks.

WebDjangoGraphQL

E1+ Development Agency

WebBackend

DTB Super Admin Web App

Super-admin dashboard for global competition setup, permissions, and operations control.

WebDjangoGraphQL

E1+ Development Agency

Web

MakerCRM

Web platform for CRM and internal time tracking workflows, including authentication, dashboard views, and task time logging.

WebCRM

Freelance

Mobile

Ayla Voice Assistant

Voice assistant tailored for elderly users—clear UX and accessible flows.

Flutter

Tuilder Web Services

Web

Virtual Background Web App

Interactive 3D logo matrix with Three.js for branded virtual backgrounds.

Three.jsWeb

Visit Site

WEB4EX

Web

XLINGUA Website

Language-learning marketing site with course packages, founders offer, and consultation CTAs for Swiss learners.

Web

Visit Site

WEB4EX

Web

WEB4EX Website

Company site for a Zurich software studio—hero landing, case studies, B2B project planner, and an AI project advisor chat flow.

Next.jsWeb

Visit Site

WEB4EX

Web

MYVORA Website

Swiss premium gummies e-commerce site with product catalog, bundles, waitlist/wishlist flows, shipping info, and an admin waitlist dashboard.

WebE-commerce

Visit Site

Tuilder Web Services

Mobile

LE Teams Mobile App

Field team app with inventory, daily entries, map markers, team stats, contacts, and offline-friendly workflows.

Flutter

Add screenshot

Tuilder Web Services

Backend

LE Teams Backend API

Backend services powering LE Teams with data sync, geolocation processing, and API endpoints.

Node.jsMongoDB

Personal Projects

Mobile

SDA Explorers App

Faith-based explorer app with lessons, quizzes, Bible reader, hymnal, church finder, profile, and achievements.

Flutter

Personal Projects

Mobile

QMII App

Queue management app for customers and vendors—join by code/QR, live wait status, visit history, and profile settings.

Flutter

Personal Projects

Mobile

HootFlow App

Money stopwatch app that tracks time-to-earnings with live currency visuals, session history, and weekly trends.

Flutter

Activity

GitHub

Commits, pull requests, issues, and reviews from the last 6 years on GitHub.

@pjvillanueva

Live snapshot

View profile

Commits (this year)

Total commits (6 years)

PRs, issues & reviews (6 years)

Kind Words

Client Reviews

Felix Tepel
Co-Founder, E1+ Development Agency

John Thompson

Founder, AfterDark Society LLC

“Paul consistently delivered high-quality work with strong technical execution and a clear focus on user experience. He implemented features efficiently using clean, reusable code while demonstrating thoughtful application architecture and attention to detail. Throughout the project, he showed professionalism, reliability, and steady progress, taking feedback well and continuously improving the quality and maintainability of the application. Overall, he proved to be a dependable developer with a mature approach to building scalable, user-friendly software.”

AfterDark Society

Arshiya Gupta

Founder, Couples Harmony

“Paul is a skilled Flutter developer with solid experience in Firebase and ChatGPT API integration. He approached the project with dedication and a willingness to learn, which we really appreciated. Communication was easy, and he steadily made progress throughout. I'm grateful for his contributions.”

Couples Harmony

Reach Out

Let's Build Something

Open to full-time, contract, and remote opportunities.

pjvillanueva819@gmail.com

linkedin.com/in/paul-james-villanueva

GitHub

github.com/pjvillanueva

PAUL JAMESVILLANUEVA

About Me

Tech Stack

Work Experience

Freelance Web Developer

Flutter DeveloperCurrent

Full-Stack Software Developer (Flutter & Django)

Freelance Flutter Developer

Freelance Flutter Developer

Freelance Flutter Developer

Full-Stack Web Developer (Angular & .NET)

Full-Stack Mobile Developer (Flutter & Node.js)

Frontend Web Developer

Projects

AfterDark Society

Stay Delivered App

DTB App (Judge Accreditation)

DTB Competition Judge Web App

DTB Super Admin Web App

MakerCRM

Ayla Voice Assistant

Virtual Background Web App

XLINGUA Website

WEB4EX Website

MYVORA Website

LE Teams Mobile App

LE Teams Backend API

SDA Explorers App

QMII App

HootFlow App

GitHub

@pjvillanueva

Client Reviews

Let's Build Something

PAUL JAMES
VILLANUEVA