Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
P

Cezar Ganzon

@cganzon
San Diego, CA
280Points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest Solutions

  • Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

    REST Countries App

    • HTML
    • CSS
    • JS
    • API
    2
    Submitted

    This is the first advanced challenge I've completed. There were many hurdles along the way, but overall I'm happy with how this project turned out.

    I decided to use EJS because I recently completed Colt Steele's web development boot camp and EJS was the main templating engine that was taught. The other technologies I used in this project were express, axios, and local storage.

    If you take a look at the repository, you would see that the CSS file is quite long. I decided not to use a library/framework for fear of not replicating the design well. However, I may remake this project in the future with a javascript framework and a CSS library/framework in the future, but for now this is my solution given the technologies I am comfortable working with.

    I wasn't sure how to go about styling the options of the region filter. I did some research online and found that it would be difficult to style the options to look good because of cross-browser differences, so I decided to just leave them alone.

    Some challenges I had while building this project were: -getting the selected page theme to persist as the user navigates the pages or refreshes a page (that was what local storage was used for) -rendering the actual names of the border countries on the details page as opposed to their 3 letter codes -organization of files and code

    I did the best I could given the one week timeline I placed on myself. If you have any ideas or tips on how I could improve my code, don't hesitate to let me know. Thanks!

  • Desktop design screenshot for the Advice generator app coding challenge

    Advice Generator

    • HTML
    • CSS
    • JS
    • API
    2
    Submitted

    Another fun little project to get some more practice with API calls. Any tips and feedback always welcome!

  • Desktop design screenshot for the NFT preview card component coding challenge

    NFT Preview Card

    • HTML
    • CSS
    0
    Submitted

    It's been a while since I've practiced HTML and CSS, so I decided to get back into it with this challenge.

    One thing I was unsure of was whether to use an actual element or a pseudo-element for the image hover effect. I settled with using an anchor tag wrapped around a div because I was thinking about how the functionality would be used. Seems like clicking on the image hover effect would take you to another theoretical page with more information about the NFT. That may be me reading too much into things though.

    Any suggestions to improve my code are always welcome!

  • Desktop design screenshot for the Clock app coding challenge

    Clock App (jQuery and Sass)

    • HTML
    • CSS
    • JS
    • API
    0
    Submitted

    This is the second intermediate challenge that I've completed. It was a great one for working with API's to display data and it was a good learning experience overall.

    I decided to use jQuery to get some more practice with it instead of using vanilla javascript. I'm also still practicing Sass so my implementation of using it and organization of styles may not be the best.

    I wasn't able to get the programming quotes API to work since I couldn't find the correct route to use to call the API. Therefore, I had to use the quotable API which worked without issues.

    I'm not completely sure if the time is displaying correctly when the site is viewed from different IP addresses, so if there is a problem, please let me know and I will try to fix it as best as I can.

    If you have any feedback/tips on how to improve my code I would greatly appreciate it. Thanks!

  • Desktop design screenshot for the IP Address Tracker coding challenge

    IP Address Tracker (jQuery & Sass

    • HTML
    • CSS
    • JS
    • API
    0
    Submitted

    This was a very fun challenge and a great refresher on using jQuery. This was also my first time using Sass, so I'm not sure if I went about incorporating it well or used best practices/conventions.

    Since this is a client-side app, I had to leave the geolocation API key exposed in the github repo. I've done some research and it looks like there isn't a way to hide the key safely in client side javascript, but luckily it seems like this key doesn't contain any personal sensitive information. I may try to remake this project using Node.js in order to hide the key better, but I will leave it as is for now.

    Any feedback is greatly appreciated and if you know of a viable way to hide API keys on the client-side, please let me know. Thanks!

  • Desktop design screenshot for the Clipboard landing page coding challenge

    Clipboard landing page

    • HTML
    • CSS
    7
    Submitted

    Another project completed that I'm happy with how it turned out. The most challenging part for me was figuring out a way to get the computer image in the snippets part of the page to display how it does on tablet and desktop screens, but I'm glad I was able to get it to work how I wanted it to. I still need some work on cleaning up my CSS, but I tried to organize it the best I could.

    Looking forward to your tips/feedback. Thanks!

Latest Comments

  • Solution screenshot
    • HTML
    • CSS

    Profile Card Component using HTML and CSS

    4
    P
    Cezar Ganzon280 | Posted about 1 year agocommented on Roy's "Profile card component" solution

    Hi I'm currently working on this project myself and I had the same problem with the image border. To fix it I decided to put a white background on the image tag. Not sure why that issue happens in the first place across browsers though. Also, great job on this project! I might just have to take a look at how you managed those circles staying in place as the screen size changes because that has me completely lost at the moment.

    0