use arrow keys for quick navigation
home image

Maayong Adlaw!

Rodniel from Cebu,
passionately crafting innovative, accessible, and performant web interfaces.

aboutme image

About Me

I am Rodniel Briones from Mandaue City Cebu, passionate about programming, loves any logical stuff that requires deep thinking, and is determined to become a successful programmer.

I am interested in anything related to programming, chess, self-improvement, psychology, photo editing, problem solving, puzzles and other similar subjects.

It is my greatest desire to become an "Android and Fullstack Web Developer" to be able to contribute to the community by creating useful websites and apps that solve daily hassle and services that allow people to boost their productivity especially for students and self-taught learners.

College Undergraduate

I spent two years as an IT student at Salazar Colleges of Science in Information Technology where I first learned about programming. What I learned from school was the basics of C, C++, a little bit of Html, Css and JavaScript. Then out of curiosity I also studied the basics of C#, Java and Python.

Self-taught

During the pandemic I decided to continue learning about Frontend Web Development by teaching myself using the following resources:

  1. MDN Web Docs
  2. W3Schools
  3. Documentations
  4. Stack Overflow
  5. YouTube tutorials
  6. freeCodeCamp tutorials
  7. Blogs
  8. Newsletters
  9. Podcasts
projects image

Projects

The following projects I chose to present are game-based because they offer more complex problems to solve.

I prefer solving coding problems with Javascript, though I can also follow UI designs with my CSS skills.

  • mobile image desktop image
    project icon

    2048

    "A number-matching puzzle game with animations."

    Details

    About

    2048 is a famous puzzle game created by Gabrielle Cirulli. I was fascinated by how the tiles move and merge, and decided to challenge myself to see if I can manage to create my own algorithms to build it.

    Highlights

    • Setup development and production builds using webpack
    • Manual animations using Css and Javascript
    • No logic/code references used
    • No game-related libraries used
    html5 icon sass icon javascript icon webpack icon
    Browse 2048 View Repository on Github
  • mobile image desktop image
    project icon

    Chess GUI

    "A fully-functional interface for loading and generating chess game files."

    Details

    About

    Chess GUI is a simple interface for analyzing chess games. Fascinated with the complexity of chess, I challenged myself to build this project without any chess library to improve my Javascript and problem solving skills.

    Highlights

    • Setup development and production builds using webpack
    • Manual animations using Css and Javascript
    • No logic/code references used
    • No chess libraries used
    html5 icon sass icon javascript icon webpack icon
    Browse Chess GUI View Repository on Github
  • mobile image desktop image
    project icon

    Hearts

    "A 4-player card game made with React, Redux and DeckOfCards API."

    Details

    About

    Hearts is a 4-player card game in which the goal is to pass all of your cards to your opponents and the player with the lowest points wins the game.
    I figured the constant change of card piles would be a good fit to improve my React skills and to integrate the Redux state management framework.

    Highlights

    • Learned and used the Redux state management framework
    • Use a REST API (DeckOfCards API)
    • Handle asynchronous tasks
    react icon redux icon
    Browse Hearts View Repository on Github