Project Link - https://codepen.io/arslanatajanov/pen/gGmKvO
Please check it out guys!
Batman quotes!
Happy Coding!
Hey everyone, just finished the Random Quote Generator. I appreciate any feedback https://codepen.io/SullyT/pen/RLWgjN?editors=1100
Hi everyone,
Any feedback on my project would be great, thanks!
Project link: https://codepen.io/salvescoding/full/jLwGbx/
Thanks!
Thanks so much for this! It works perfectly
Hi, guys! I finally finished my random quote machine. Any feedback would be appreciated
Just a heads up that the initial pop up screen may seem useless, as it doesnât contribute to the page in any way, but once I learn how to build a back-end to store data, I will be displaying the aggregate emotions as a counter on the web page.
Thank you
Thank you very much for your feedback. I intended to respond sooner, but my attention to FCC has been diverted by way too much going on at work and in my off time in the last week or two. I really appreciate the suggestions and will check them out - thanks again!
Project Link - https://codepen.io/bowaterkerryn/pen/MErxvW
I used an array for my quotations, but wonder whether I should do it again to practice using apis?
Also, I donât like the way the ânew quoteâ button moves when the quote is more than 2 lines long. I just cannot figure this one out - any help would be much appreciated
HelloâŚ
Iâm so happy I stumbled upon your post. Iâm doing the exact thing, and really want to use the API from the same source. However I cant really wrap my head around this. I couldnât get the $.getJson to work, I peeked into your code and I notice you put a URL(https://zippy-thorn.glitch.me/) before the api resource url. Do you mind explaining this?
Thank you
Vista
looks nice.
itâs better to center ur âquote boxâ. when quote is short-it moves to left side.
Hi guys,
this is my random not quote but oblique strategies machine link:
[https://codepen.io/vistapuri/full/YrYGrb]
This is far from perfect of course, would love to hear some suggestions on how to improve the page, especially around these following issues:
- How do I minimize the lag whenever users press the ânextâ button? is there any particular order in writing the jquery code that I need to follow?
- I used JQuery on.click function to change the background color every time a user click the next button, how to apply radial-gradiant to these background ? my main background has gradient in it but not the colors called from JQuery code.
- At first, I couldnât get the $.getJson to work, I peeked into anthomâs[https://codepen.io/anthom/full/jmZOGd] code and I notice he put a URL(https://zippy-thorn.glitch.me/) before the api resource url. what is this?
Iâve got more questions but I think ill ask more later, thank you for your reply.
Hi Vista -
The URL youâre talking about is a CORS (cross-origin resource sharing) proxy. Youâll typically need to use one on API projects when an API doesnât support CORS. If Iâm understanding it correctly, the proxy adds headers to your API request so it will work properly with ajax and JSON methods.
CORS Anywhere (https://cors-anywhere.herokuapp.com/) is one of the more popular proxies. When I built my quote machine, I tried that one, but it wasnât working well for me (donât remember whyâŚ) so I found a version created in Glitch and made my own copy of it (the âzippy-thornâ URL). Hope that helps!
BTW, nice job on your random Oblique Strategies app. I like the way you toggle the description to keep the page design from looking too wordy, and the random colors are a nice touch. I think the CORS proxy may be what causes the lag after a button press - specifically the fact that itâs a Glitch app, so itâs not always running. Iâve noticed that in my own app too, especially when opening it the first time. I donât know if using a different proxy like CORS Anywhere might help?
Finally got my quote machine done, here it is:
Had to go through Udacityâs ajax course to understand more of what I was doing, so also coded this:
Not sure that code is the most effficient or prettiest on either but very pleasing to eventually get them to work. Any feedback most welcome.
Hope others are enjoying this project!
Hi Vivek,
Love the quote machine, just thought Iâd let you know the twitterLogo and refreshLogo are showing as their alt text instead of the actual logo, seems the image sources you are using may contain errors?
Other than that good effort and I like your plans to expand on it in the future
@gecko36 Thanks for the feedback. I really appreciate it. I just checked the image links and they seem to be working fine on my browser (Chrome). Would you mind giving me additional details, so I can figure out the problem? Browser and so on. The initial emojis are being hosted on the same platform (Cloudinary), so Iâm not sure as to why you can see those, but not the two quote box images.
Thanks
How odd, Iâve just looked again on Firefox, then Chrome, then Edge (all with latest updates) and none of them work for me, wonder if someone else might have a look too?
No idea what the problem could be⌠sorry Iâm not of more help!
Hi, my random quote machine is done although it still requires a few tweaks.
For one, it doesnât have the same layout when minimised - I need to fix that and ensure it has a responsive design on different viewing platform. Lastly the animation is not a perfect fit yet; I feel like changing jQuery fadeTo to something else, so that when the backgroundâs color changes the box remains there while only the background changes.
Anyway, I plan to come back and improve it after I gain more experience in CSS and jQuery in the next few projects. I appreciate if you guys can give me any feedback to improve on the website.