ratatatatcode/README.md

Hello, I am James!

Computer Science student with hands-on experience in full stack development and UI/UX design, gained through academic work and personal projects.

09397458955

jamesdmagnaye@gmail.com

MORE ABOUT ME

I am James Michael D. Magnaye, a quick learner who enjoys turning ideas into reality, from games and software applications to startup projects. As a freelancer, I find it rewarding to help clients achieve their goals, with many earning perfect scores or successfully presenting projects I helped develop.

I am seeking opportunities as a Software Developer or in a role that aligns with my skills and interests. I am also open to paid training programs if required.

SKILLS

HTML5

JavaScript

Node.js

Express.js

React.js

Next.js

MySQL

Firebase

CSS3

Tailwind CSS

Figma

Photoshop

Luau | Learning

EXPERIENCE

Academic Experience

2022-2026

Developed academic projects using C, C++, Java, Python, and JavaScript, strengthening problem-solving and software development skills.

Built responsive web applications using HTML, CSS, Node.js, Express.js, EJS, Tailwind CSS, and Bootstrap for course requirements and team projects.

Applied data structures, algorithms, SQL, NoSQL databases, and machine learning concepts to design and implement software solutions.

Internship/OJT at Batangas State University - STEERHUB DevOps

2025

Redesigned and rebuilt frontend pages using Next.js, improving layout consistency and alignment with project requirements.

Implemented backend enhancements and resolved system issues using Node.js, Express.js, and SQL to support application functionality.

Refined user interface elements by updating typography, color schemes, and visual components to improve overall user experience.

Freelance Full-Stack Developer

2023-2026

Developed a student portal platform inspired by Google Classroom, enabling classroom management, announcements, and student collaboration.

Built a medical forum and blood bank management system with real-time communication features using Express.js and database technologies.

Created an e-commerce platform for a printing business using Next.js, Express.js, SQL, and Supabase, streamlining product management and customer ordering.

CERTIFICATIONS

Click the header to view all certification proofs.

HTML Essentials

Cisco Networking Academy

2025

JavaScript Essentials 2

Cisco Networking Academy

2025

CSS Essentials

Cisco Networking Academy

2025

Digital Frontiers 2026

Batangas State University

2026

AI-Driven Governance & Smart Cities

IT Audit, Risk, and Digital Governance

Design Thinking for Entrepreneurial Mindset Development Among University Graduates

GITHUB INFORMATION


GitHub Streak

Click the video to view it on a larger screen in a new tab.

CodeChal

A competitive programming platform where users can compete solo or as part of a team. Powered by our own integrated code runner, with working authentication and real-time leaderboards. More details will be available once the platform is officially released.

Private

Project Leader

Full-Stack


ResumePal

An interactive AI (chatbot) powered by Gemini AI model (api). ResumePal creates a resume for you based on your past interactions or a full prompt.

Private

Project Leader

Full-Stack


React Hooks Playground

An interactive React project showcasing the fundamentals of React Hooks through practical examples. Covers useState, useEffect, useRef, useContext, useMemo, and useCallback, demonstrating state management, side effects, DOM references, context sharing, and performance optimization. More hooks will be added as I continue learning.

Public

Independent

Frontend


ExpressJS + EJS + Firebase Guide (w/ Documentation)

A beginner-friendly guide to full-stack web development using ExpressJS, EJS, and Firebase.

Public

Project Leader

Full-Stack


Real-time Chat Application Sample

A simple real-time chat application built with Next.js, Express, and Socket.IO, featuring basic messaging and room-based communication.

Public

Independent

Full-Stack


Flappy Bird Clone

A Flappy Bird-inspired game built with Next.js. Navigate through obstacles and survive as long as possible. Built during my 'I can definitely make a game without learning game loops first' phase.

Public

Independent

Frontend


Wordle Clone

A Wordle-inspired word puzzle game built with Next.js. Guess the hidden word within a limited number of attempts.

Public

Independent

Frontend


Other Projects


Blabber AI (AI Wrapper)

AI chatbot that uses Google’s Gemini model.

Weather App (REACT)

A simple React weather application that displays the current temperature and daytime status.

Public

Calculator (REACT)

A simple calculator built with React using a dynamic button grid. A rebuilt version of my vanilla JS calculator.

Public