Hello! 👋

I'm Ian De Guzman, Industrial Engineer who went rogue. Front-end developer looking for internship, contract role or junior position.

About me

Hi! My name is Ian De Guzman, Industrial Engineer who fell in love with programming, and has been in the I.T. industry since 2013. I am a passionate, resilient, and hardworking developer who looks forward to collaborate and learn from engineers who are much smarter than me.

Originally from the Philippines, lived in Sydney, Australia and currently based in Toronto, Canada. Moved across the globe to chase opportunities and pursue my passion.

Education & Certifications:

  • Bachelor of Science in Industrial Engineering - University of Santo Tomas
  • Accredited as Industrial Engineer - World Education Services
  • Accredited as Industrial Engineer - Engineers Australia

Some technologies I'm familiar with:

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • React
  • Redux
  • Node
  • Express
  • MongoDB
  • Firebase
  • Next.js
  • SASS/SCSS
  • Styled Components
  • CSS Modules
  • Tailwind CSS
  • Material UI
  • GraphQL
  • Apollo
  • Netlify
  • Heroku
  • Git / Github

Experience

Service Desk Analyst @ Enbridge

Toronto, Canada

December 2020 - Present

  • Provide Service Desk technical support to users either via phone or email as required.
  • Provide troubleshooting for all types of technical inquiries, service requests, and issues involving computers, network, smartphones/tablets, enterprise applications/systems.
  • Develop, implement, and/or participate in the preparation knowledge base articles and/or documentation for Service Desk use; make recommendations for improvements.

Projects

Messenger Clone

Ability to send and receive message realtime and react to messages without refreshing the page. A MERNG stack Messenger clone app, Using React, Context API, SASS/SCSS, Apollo Client on frontend, Apollo Server, MongoDB and Node on backend. Backend deployed on Heroku and Frontend deployed on Netlify.

ReactSASS/SCSSContext APIGraphQLMongoDBNode

Netflix Clone

Shows trending movies, Netflix originals and more. Ability to add and remove a movie to your playlist. Includes an embedded video player that plays selected movie trailers. A full stack Netflix clone app, Using React, Styled Components, Redux Toolkit, Axios on the frontend, and Firebase Firestore on backend. Deployed in Firebase.

ReactStyled ComponentsRedux ToolkitFirebase

Portfolio v1

Version 1 of my portfolio. Using Next.js React framework. Includes TailwindCSS dark mode theme toggle, api routes for data fetching and form submission. Nodemailer to send emails to my personal email address. Deployed in Vercel.

Next.jsTailwindCSSNodemailerReact Hook Form

Amazon Clone

Features image carousel, product page, cart page and checkout steps along with paypal checkout. User login, registration and ability to view order history. A full stack Amazon clone MERN App using REST APIs. Created using React, TailwindCSS, Redux and Axios on frontend and Node, Express and MongoDB on the backend. Frontend deployed on Netlify and backend deployed on Firebase Functions.

ReactReduxTailwindCSSFirebase FunctionsMongoDB

Todo App

This project was a challenge from Frontend Mentor, it include ability to create, update, filter, delete todos. Has light and dark theme mode toggle. The first project I worked with Redux, Node, Express and MongoDB Atlas. Learned alot with this simple app.

ReactReduxCSS ModulesNodeMongoDB

Youtube Clone

A Youtube clone, powered by Youtube API. Features include paginated homepage, skeleton loading, search videos & channels, embed youtube video player. User authentication using gmail api on Firebase. Ability to search, comment, view liked videos and subscribe to channels. Created using React, Context API, CSS Modules, React Router, and deployed in Firebase.

ReactContextCSS ModuleFirebaseYoutube API

Covid-19 Tracker

A Covid-19 tracker that shows todays covid cases, recovered and deaths around the world. Shows world map and affected countries, history of cases within the last 90 days and a table of highes cases, recovered and deaths. Created using React, Material UI, React Chart and React Leaflet. Powered by Disease.sh API and deployed to Firebase.

ReactMaterial UIReact ChartReact LeafletDisease.sh API

Designo Client

A Frontend Mentor challenge. A multi-page fictitious client website. This was my first big project using Styled Components. Created using React, React Router, Styled Components and React Leaflet. Deployed to Firebase.

ReactStyled ComponentsReact LeafletFirebase

Contact me

My inbox is always open, whether you want to reach out or provide feedback on how to improve my work. Feel free to send me a message and I will try to get back to you as soon as I can. Cheers!