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.
Who I Am
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.
Technologies
Tech Stack
A quick overview of the technologies I use 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
Activity
GitHub
Commits, pull requests, issues, and reviews from the last 6 years on GitHub.
@loading
Live snapshot
Commits (this year)
0
Total commits (6 years)
0
PRs, issues & reviews (6 years)
0
Career
Work Experience
Freelance Web Developer
WEB4EX
- 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 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.
Tuilder Web Services
October 2020 – July 2024Full-Stack Web Developer (Angular & .NET)
March 2024 – July 2024- 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- 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- Enhanced and maintained existing websites (Eastward Missions, Music Camp Website).
- Built a new version of the no-code web builder platform (Tuilder V2).
Background
Education
Bachelor of Arts in Theology
Naga View Adventist College
2017 – 2021
Reach Out
Get In Touch
Open to full-time, contract, and remote opportunities