About
Hi there! My name is John Kelly C. Temeña. I'm a BS Computer Science graduate from Pamantasan ng Lungsod ng Maynila (The University of the City of Manila), Philippines.
After graduation, I discovered my passion for web development, recognizing the endless opportunities to learn and grow within this dynamic field. Though my initial skillset wasn't fully aligned with building complete web applications, I was eager to bridge that gap.
This past year, I've dedicated myself to mastering these essential skills, primarily through The Odin Project – a comprehensive, open-source curriculum that guides aspiring developers through building practical, full-stack web applications. This journey has allowed me to solidify my knowledge and build practical projects, showcasing my evolving capabilities.
Projects
Below are the projects I developed as part of The Odin Project. Each project has a detailed README, and you can explore their repositories for further information.
Homepage
A project to practice responsive design that I fully customized to serve as my portfolio page.
Tic Tac Toe
A tic-tac-toe game app to practice Object oriented programming principles implemented with a smart AI.
Battleship
A project focusing on Test Driven Development using Jest.
Weather app
A weather app that fetches real-world weather data using an API to practice working with asynchronous code.
Gif API
A simple gif search app to get introduced to working with asynchronous code and APIs.
Form validation practice
A simple sign up form that implements client-side validation using css pseudo-classes and regular expressions in javascript.
Dropdown and image carousel
An assignment to create dynamic ui interactions using css and javascript. The dropdown menu was also published as an npm package.
To do list
A simple to-do list app that allows users to create and manage tasks with functionalities such as task prioritization, project organization and local storage.
Restaurant
A webpage bundled with webpack that uses modular js to dynamically generate content.
Admin dashboard
An admin-dashboard mock design with layout built entirely using CSS grid.
Sign up form
A simple sign up form design for The Odin Project to practice working with HTML forms and CSS pseudoclasses.
Calculator
A calculator app to practice javascript functions and debugging. Implemented with the Shunting-Yard Algorithm to parse expressions.
Etch a Sketch
A simple drawing app to practice DOM manipulation and event handling. Implemented with the Bresenham's Line algorithm to prevent broken lines.
Rock Paper Scissors
A digital version of the rock paper scissors game to practice problem solving skills.
Landing Page
A simple landing page when Moo Deng was trending to practice the CSS box model and flexbox layout.
Skills
Here are the core skills I've developed and the technologies I've utilized throughout The Odin Project, and I'm still continuing to hone them.
And some skills and technologies I've accumulated during my time in university. These aren't directly web development-focused, but they're part of my foundation.