Creative Minds
Generates Business

A new age developer that offers web development and design solutions that are able to help your website accelerate its growth and efficiency.

Hi, I'm John Garcia!

a

I’m a passionate web developer that offers web development and design solutions that are able to help your website accelerate its growth and efficiency.

Download CV
Facebook Github Linkedin

TECH STACK

HTML

CSS

Javascript/Typescript

Node Js

React Js

MongoDB

WordPress

Background

Certificates                         Education

Javascript

  • Master the JavaScript fundamentals

  • Learn modern JavaScript (ES6+)  

  • How JavaScript works behind the scenes

  • Deep dive into functions

  • Deep dive into object-oriented programming

  • Deep dive into asynchronous JavaScript

  • Learn modern tools that are used by professional web developers

React Js with RTK

  • React fundamentals
  • State management:  local vs. global, UI vs. remote
  • React hooks: useState, useEffect, useRef, useReducer
  • Custom hooks: reusable in your future projects
  • Build single-page applications with React Router 
  • Performance optimization with memo, useMemo, useCallback, and code splitting
  • Advanced React features
  • Advanced state management with Redux, Redux Toolkit, Thunks, React Query
  • Build real-world app features: authentication, data sorting, filtering and pagination, dark mode, charts, etc.
  • Style your apps with Tailwind CSS, CSS Modules, Styled Components

Node Js, Express, MongoDB

  • Fundamentals of Node.js, core modules, and NPM 

  • How Node.js works behind the scenes

  • Fundamentals of Express (Node.js framework)

  • CRUD operations with MongoDB database locally and on the Atlas platform 

  • Advanced MongoDB: geospatial queries, aggregation pipeline, and operators

  • Fundamentals and advanced Mongoose 

  • Complete modern authentication with JWT

  • Security: best practices, encryption, sanitization, rate limiting, etc.

  • Advanced error handling workflows

JavaScript Essentials 1

  • Introduction to Javascript and Computer Programming
  • Variables, Data Types, Type Casting, and Comments
  • Operators and User Interaction
  • Control Flow – Conditional Execution and Loops
  • Functions
  • Errors, Exceptions, Debugging, and Troubleshooting

Ongoing

Continuous Learning

Continuous improving and learning tech stack like react native/flutter, c#, .NET, Python and other tech stack that is needed for the projects.

2022 – 2023

MERN Stack - Udemy

Enrolled the JavaScript and MERN stack separately in an online course to learn the concept and develop a web application projects.

2021

Supply Chain - Post Graduate

De La Salle – College of Saint Benilde

Studied Supply Chain for continuous learning and improvement.

 

2016 – 2019

Operations Management

Adamson University

Not an IT course but gives me idea and business knowledge that helps me to understand what companies needed features and functionalities.

Projects

Ticketing System

Stack: MERN stack

Features:
• User authentication
• Updating user profile
• Creating/Canceling tickets (for user roles)
• Search engine for user tickets
• Process, Complete, and Cancel tickets (for admin roles)
• Search engine for all tickets (for admin roles)

E-commerce API

Stack: Node js, Express Js, and MongoDB

Features:
• Creating users for authentication (using JWT and sending token to cookies)
• Updating and Deleting user Info (using middlewares, it is restricted with roles)
• Forgot and Reset password (confirmation will be sent via node mailer)
• CRUD operations for products
• CRUD operations for product reviews (restricted to user roles)
• Monthly report (using data modeling and aggregations)

Human Resource Information System (HRIS) (ongoing project)

Stack: MERN stack (Typescript)

Features:
 User authentication
• Home page (User Information, Announcement, and Events)
• Leave application
• Evaluation System (evaluation of employee’s & superior’s performance)
• User Profile
• Company profile
• E-Library (Policy, HMO details, Government Forms, etc.)

Attire Affinity

Stack: WordPress (Woocommerce)

Features:

  • Product Management
  • Mobile Responsiveness:
  • Inventory Management
  • Order Management
  • Secure Payments
  • Product Reviews
  • Product Search and Filters
  • Analytics and Reporting

 

Client Portfolio

Stack: WordPress

 
Features depends on the type of portfolio/website that clients needs.
 
I can provide services from portfolio, business website, and web application.

Contact me