Ike's Web Page
My life as a developer
My life as a developer
By profession I'm an engineer, I started my career as a Broadcast technician on a local radio station in my hometown. And the only thing I learned from that experience is that that's not what I wanted as a profession. I wanted to be a web developer.
I started relearning programming around 2020, when the pandemic is at its peak. First it was just VBA, then around this year I started learning HTML CSS and JavaScript. After learning some basic tricks I started working with a simple project with google scripts.
The only thing that keeps me going in the morning is coffee ☕, and sometimes that the only reason why I wake up early. Only thing that's stopping me from drinking it all the time is my acid reflux.
First time I learned HTML was back in highschool, started coding using notepad and using the internet for resources is considered as a luxury. My first webpage deployment was hosted by Yahoo's GeoCities.
I started learning JavaScript after learning VBA, I am comfortable of using logical conditions such as If and else statements combined with "AND", "OR" and "NOT" operators. And since I'm more focused on automating tasks the "FOR" and "WHILE" loops are my forte. In addition to the basics, I'm also familiar with ES6 syntaxes.
I learned PHP earlier this year. I was able to create simple webpages using WAMP stack. And further in my learning I also learned a framework Codeigniter 3. This framework thought me how MVC works, fetching data from a MySQL database and Ajax to render new data to the webpage without refreshing the page itself.
When learning about Javascript I learned how to manipulate the DOM. During this time, I was introduced to jQuery. Now whenever there is a project that involves heavy DOM manipulation I can easily do it using jQuery. Also fetching an API or any data from a database, Ajax makes it more easier.
After learning some Javascript, I came into a dilemma on what Backend language I should learn. Luckily I Nodejs was presently available for me to keep on using Javascript even at the Backend. I learned to use Express for creating a server and Mongoose to work with my MongoDB database.
Wanting to create a web app thats interactive, I came across socket.io. Pairing this with express.js I was able to create some multiplayer games and simple chat apps. Learning this tool opened up so much possibilities on what I can do on the web.
I created a new website for my portfolio using React.js and Material UI for the design. I added some additional info and updated some of my projects to showcases. Please feel free to visit it by clicking preview below.
Preview
Created a React.js App and deployed using Gitlab and Vercel. This app uses the Youtube API to fetch data from the Youtube API, the data is then displayed in a list of videos.
Preview
Created a Minimum Viable Product (MVP) of E-Commerce Web App using MongoDB, Express, React.js and Node.js (MERN). I hosted this project on Vercel and the API is hosted on Heroku.
Preview
A very retro game whom I think everyone should be familiar with. This demo game I replicated was my first attempt of a project that is based on a game. The challenge for me on this game was making the ghost move pseudo randomly and also avoid walls. Although not perfect this project helped me learn a lot about the DOM
Preview
One of the games that was very challenging for me to create, but also I enjoyed playing the most. This game is demo rip-off of Flappy Bird. There was a lot of trial and error regarding the collision of the player and the moving objects.
Preview
As a gamer since my elementary days, street fight was a very popular game in the arcade. Although I was not good at it, I enjoyed playing this game. Here I created a demo game with Ken as the only character vs Ken played by an AI who's movements is just pseudo random.
Preview
I created this project as for my advance Javascript Capstone within 1 week. I created a web app for the admin using express.js and socket.io to interact with client side. I also learned how to create a simple app using react native expo with a login authentication and MongoDB for my database. You can watch the demo by clicking the icon below