Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All Solutions


  • @cganzon

    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!


  • @cganzon

    Submitted


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


  • @cganzon

    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!


  • @cganzon

    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!


  • @cganzon

    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!


  • @cganzon

    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!


  • @cganzon

    Submitted


    This was my first premium challenge. It was very fun using figma for the first time and I learned a lot from it.

    Looking forward to any feedback to improve my solution. Thanks!


  • @cganzon

    Submitted


    Another really fun project and I'm happy with how it turned out. My CSS is kind of all over the place so I may try to refactor it in the future. Tips/feedback always welcome.


  • @cganzon

    Submitted


    Definitely got lots of practice with grid on this project. For some reason the right most card is sticking slightly out from the bottom of the rest of the cards on the solution comparison, but I'm not sure what is causing it since the live site doesn't have that problem, but otherwise this project went pretty well.

    Tips/feedback always welcome.


  • @cganzon

    Submitted


    There were a lot of challenges along the way, but I'm really happy with how this turned out. I focused a lot more on making the site look relatively good no matter the screen size, and because of that, there's a whole bunch of CSS. I may try to cut it down in the future, but I wanted to submit this as my base solution.

    Feedback and/or tips to improve my code is always welcome.


  • @cganzon

    Submitted


    Focused more on the responsiveness on this project. It's not perfect, but I'm satisfied with the results given the time I put into it. Any feedback on how I could improve the responsiveness or improve my code in general would be appreciated.


  • @cganzon

    Submitted


    I haven't touched javascript in a while so I decided to try out this project to refresh my skills. I had a lot of fun with this one and I learned/relearned a lot.

    Feel free to me know of any ways I can improve my code!


  • @cganzon

    Submitted


    I spent a lot of hours trying to think of how to get the background circles to be displayed how I wanted them to. I ended up having to peek at a few other submissions to get some ideas and I finally managed to get it looking nice with the help of pretty good solution by @royschrauwen. So if you also get stuck on positioning those circles like I did, I recommend checking out his solution.

    Any feedback is appreciated.