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
I’m a full-stack software developer specializing in Flutter and web development, building high-quality apps and platforms for web and mobile.
About Me
Results-driven Full-Stack Software Developer with over 4 years of experience in designing, developing, and deploying scalable web and mobile applications. Highly skilled in Flutter, Django, .NET, and Angular, with strong foundations in OOP, SOLID principles, and Agile development.
Passionate about clean code, performance optimization, and user-centric design. I thrive in collaborative environments and am always eager to learn new technologies and best practices.
Preferred Stack
Flutter, Django, Node.js, and Angular
Development Practices
Test-driven development, Clean Architecture, CI/CD
Tech Stack
A quick overview of the technologies I work with most, inspired by my original Flutter web portfolio.
Flutter
Dart
Firebase
FlutterFlow
BLoC
Hydrated BLoCOTHERS
HTML
CSS
JavaScript
TypeScript
Angular
GoLang
Node.js
Django
.NET
MongoDB
MySQL
GraphQL
Docker
OpenAI
GitHub
Python
WebSocket
JSONGIGit
POPostman
FIFigma
SQSQL
NONoSQL
MAMariaDB
Live GitHub snapshot
GitHub Activity
@loading
Commits, pull requests, issues, and reviews from the last 6 years on GitHub.
Commits (this year)
0
Total commits (6 years)
0
PRs, issues & reviews (6 years)
0
Work Experience
Flutter Developer
Afterdark Society
- 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
- 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
- Built an AI Relationship Advisor for couples counseling using Flutter and OpenAI integration.
Freelance Flutter Developer
Ayla Voice Assistant App
- Developed an AI-powered voice assistant app designed to assist elderly users.
Freelance Flutter Developer
Nooks & Cranny Auto Detailing Services
- Created an internal app for job assignment and progress tracking.
Full-Stack Web Developer (Angular & .NET)
Tuilder Web Services
- 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)
Tuilder Web Services
- Created multiple mobile apps including Madison Staff, The Maker Heals, Spotmii, and LE Teams App.
- Implemented background geolocation and offline data sync features.
- Developed a Node.js backend with MongoDB for app data management.
Frontend Web Developer
Tuilder Web Services
- Enhanced and maintained existing websites (Eastward Missions, Music Camp Website).
- Built a new version of the no-code web builder platform (Tuilder V2).
Education
Bachelor of Arts in Theology
Naga View Adventist College
2017 – 2021
Get In Touch
Open to full-time, contract, or remote opportunities