Home
About
Projects
PH Flag

(PHT)

New
In Progress: Kareer Kit

I build web solutions that create seamless digital experiences

Hi! I'm Nicole, a Full-stack Web Developer based in the Philippines.

Let's Talk
nclmalcala@gmail.com
DREAM,
DESIGN,
DEVELOP.
linear demo image

1 year &
8 mos.

Of professional experience in Web Development. Began with front-end roles and gradually transitioned into full-stack development.

🚀 Open to Work!

What I Do

I'm a versatile full stack developer with strong front-end skills and solid back-end expertise. I create intuitive web designs, manage relational and NoSQL databases efficiently, and design simple print media. Whether building robust web applications or crafting appealing designs, I bring a comprehensive skill set to meet your needs.

linear demo image

MY EXPERIENCE

The Journey 
So Far

(01)

AI Developer IIlatest

Led cross-functional teams to build AI-driven web solutions as a full-stack developer. Collaborated with developers, designers, PMs, and AI researchers to deliver innovative applications with Generative AI features.

  • React.js, Next.js, Tailwind CSS
  • Restful APIs, Node.js, Generative AI
  • AWS, Power Automate, Postman

(02)

Web Dev Intern

Designed and developed the official UNBLOKC Hackathon 2023 website, handling end-to-end design, development, and branding for an engaging participant experience.

  • Frontend Development, UI/UX Design
  • Figma, Vercel, GitHub
  • HTML, CSS, jQuery, Bootstrap

(03)

Academy

Graduated magna cum laude in Information Technology from the Polytechnic University of the Philippines - Sto. Tomas Campus, developing strong leadership and collaboration skills through academic and project-based experiences.

  • Web Development, Database Management, UI/UX Design
  • Leadership, Collaboration
  • HTML, CSS, JavaScript, Bootstrap, PHP, MySQL

FEATURED PROJECTS

Make Ideas 
Happen
Portfolio Website v2.0 Thumbnail

Portfolio Website v2.0

Tags: Frontend Web Development, UI/UX Design, Responsive Design

A complete redesign of my personal website that delivers a sleeker, more modern experience with seamless navigation. This version offers a more polished interface and refined interactions, showcasing my work in a visually engaging and user-friendly way.

Next.jsNext.js
React.jsReact.js
TypeScriptTypeScript
Tailwind CSSTailwind CSS
Motion.devMotion.dev
ShadcnUIShadcn UI
ReactBitsReactBits
Aceternity UIAceternity UI
NodemailerNodemailer
Dreamlabs Thumbnail

Dreamlabs

Tags: Full-stack Web Development, NoSQL Database Management, UI/UX Design, Responsive Design

Dreamlabs was my very first Next.js project, built by following a 4-hour Youtube tutorial. I went beyond the basics by adding blog comment CRUD functionality andemail-sending features, which not only strengthened my React and Next.js foundations but also gave me hands-on experience applying concepts in a more practical way.

Next.jsNext.js
React.jsReact.js
React BootstrapReact Bootstrap
MongoDBMongoDB
MongooseMongoose
NextAuth.jsNextAuth.js
NodemailerNodemailer
UNBLOKC Hackathon 2023 Thumbnail

UNBLOKC Hackathon 2023

Tags: Front-end Web Development, UI/UX Design, Responsive Design

Developed during my internship at The BLOKC Labs Inc., this website was created to provide a seamless and user-friendly guide for participants of UNBLOKC Hackathon 2023.

HTML5HTML
SASSSASS
jQueryjQuery
BootstrapBootstrap
Katipunan ng Kabataan Information System Thumbnail

Katipunan ng Kabataan Information System

Tags: Full-stack Web Development, UI/UX Design, Responsive Design, Relational Database Management, Research

Led the development of KKIS, our college capstone project—a centralized platform designed to streamline youth record management and SK project operations. I focused on building and integrating core features for data management, reporting, and activity tracking, delivering an efficient solution tailored to the client’s needs.

HTML5HTML
SASSSASS
jQueryjQuery
BootstrapBootstrap
PHPPHP
MySQLMySQL
Portfolio Website v2.0 Thumbnail

MY SKILLS

Behind The 
Magic
HTML5HTML
CSSCSS
SASSSASS
BootstrapBootstrap
Tailwind CSSTailwind CSS
JavaScriptJavaScript
jQueryjQuery
React.jsReact.js
Next.jsNext.js
Node.jsNode.js
Express.jsExpress.js
PostgreSQLPostgreSQL
MongoDBMongoDB
AWSAWS
VercelVercel
GitHubGitHub
HTML5HTML
CSSCSS
SASSSASS
BootstrapBootstrap
Tailwind CSSTailwind CSS
JavaScriptJavaScript
jQueryjQuery
React.jsReact.js
Next.jsNext.js
Node.jsNode.js
Express.jsExpress.js
PostgreSQLPostgreSQL
MongoDBMongoDB
AWSAWS
VercelVercel
GitHubGitHub

TESIMONIALS

Excellence
 is a continuous journey
"

I have worked with Nicole on several projects, and her work ethic is noteworthy. Her attention to detail, ability to collaborate well, and passion for learning led us to successful completion of projects. With that, Nicole's reliability will surely make meaningful contributions in her professional endeavors.

Patricia Abrigo's Image

Patricia Abrigo

UI/UX Designer

"

Nicole will never settle for less. She embodies what a PUPian is: with high standard. She has a professional aptitude and she is a great asset to any organization that she is, or will be, a part of.

CJ De Claro's Image

CJ De Claro

Software Engineer, Professor

"

Nicole is an exceptionally talented individual, proficient in coding and adept at UI/UX design. Her keen intuition allows her to take initiative and solve problems independently, showcasing her cool, self-reliant approach.

Danna's Image

Danna

UI/UX and Graphics Designer

"

I've had the privilege of working with Nicole for several years, and I can confidently say that her dedication to her work is truly exceptional. She pays excellent attention to detail and meticulously examines the output for any bugs or issues, ensuring that everything works as intended. Her high standards, whether as a developer or a designer, are evident in the quality of her work.

JM Morano's Image

JM Morano

Web Graphics Designer

"

Working with Nicole on our web-based GenAI projects has been an inspiring experience. She leads with clarity, empathy, and a strong sense of direction, ensuring our team stays aligned and productive. Her ability to balance technical insight with genuine support has helped us navigate challenges smoothly and achieve our goals. Nicole’s leadership style fosters trust and collaboration, making her an invaluable presence in any team environment.

Mark Joshua Austria's Image

Mark Joshua Austria

AI Developer

Let's Work
Together

Collaboration is where the best ideas come to life. If you’re looking for someone who can blend code with creativity, let’s connect and build something truly memorable.