Hi, I’m KelvinFrontend Web Developer

I am a self taught web developer. I like writing code that is easy to understand, performant, and maintainable.

Kelvin Nunez

About Me

I was born and raised in New York. I was in sales for most of my professional work experience. I have always wanted to build something software related so during the pandemic, I decided to start my programming journey. It has been a journey and I am grateful for every resource I have used to get me to the point where I am at now.

Some of my interest

NFLFormula 1New YorkNaruto

My Skills

Tailwind CSS
Bootstrap 5
Contentful CMS

I build scalable application and use an approach where the best tool for the job gets used.

I manage data by using a Headless CMS and API and query data with Graphql or REST

Design responsive mobile-first designs using SCSS and CSS Frameworks

Create pages that follows W3C semantics and accessible for everyone


Etch A Sketch

Etch A SketchHover Your mouse and create


The goal in this project was to learn more about javascript event and changing an element's class using javascript. The event used in this project is the mouse over to change the color of each square on the grid. The user can change how many boxes in the grid. Increasing the number of boxes in the grid gives the user greater power for users who want to add more details and create complicated images. I deployed the app using netlify and use netlify hooks to continuously integrate and deploy.


CalculatorSeems Familiar?


First off, I really like the style of Apple's calculator app so I went with that style. I usually like to do my own colors but Apple's calculator design is really appealing to me. This project was tougher than I anticipated. I thought the calculations would be the tough bit but it was actually keeping track of the calculator's flow. I needed to use dataset attributes and stuck those dataset in variables. I took advantage of JS updating the dataset and used that to make running calculations and know which type of operation is being called. I deployed the app using netlify and use netlify hooks to continuously integrate and deploy.

Tic Tac Toe

Tic Tac ToePlay with a friend or an AI


Secret Code: To play with the minmax AI, name the second player notWin. Hopefully you win :). This project was challenging conceptually for me. I had to think about how the app can first keep track of the board and the player's position. I used array's to create a winning logic and went from there. The minmax AI was from online. Using recursion, the AI is able to pick from a list of scores the best position to beat the player. It's pretty fun because the AI won't slip up and let the player win. I deployed the app using netlify and use netlify hooks to continuously integrate and deploy.

Link to Projects PageMore Projects