Let's discuss your "Random Quote Machine"

Hi, I’m tdkpro.

This one was insightful (haha). Here is my interpretation of the Random Quote Machine. Please feel free to construct, criticize, love, hate, or throw any emotion you want at it.

Project link: http://codepen.io/tdkproduction/full/mWEVvQ/

2 Likes

Just finished: http://q.tranglos.com/

Does not run off codepen, because I’m making an http call to my own quote db, and my hosting plan does not include https. On the plus side, I wrote a simple microservice with php+sqlite; the html page just makes a call to it.

Three ways you can use it:

  • navigate to the link, as above (over 900 political quotes, I’m drawing upon my life experience here :slight_smile: )
  • navigate to http://q.tranglos.com/?q=t and you will only be seeing quotes that are short enough to fit on Twitter (quote+author). This is only about 1/4 of the total number of quotes in the db.
  • navigate to http://q.tranglos.com/?q=123 where “123” is a numeric ID, and you will see a specific quote. This way you can create and post permalinks to quotes.

If a quote is too long for twitter, it will be cut to size and your tweet will include a link to the full quote.

Also, some of the quotes have source information, and some link to where you can read the full text on the net.

I added a prefetch function, so any delay should only occur when the page first loads. After that a new quote should appear instantly when you click the button.

The code is in codepen here: https://codepen.io/marekjedlinski/pen/xqOKMM but it will not run from there (the ajax call is commented out so that I can display a message instead)

I do really want to hear your comments! (Among other things, on how it could be elegantly styled; for now the css is really basic.) And let me know if the twitter thing works for you :slight_smile:

Here is my (almost) complete Random Quote Machine! I want to make it so that if the quote is over 140 characters it will split it into 2 tweets but I haven’t gotten quite that far yet and just wanted to post it for any feedback so far. Thanks!

1 Like

So… after lots of trial and error I don’t know if there is actually a way to do this. If the quote is over 140 characters I tried having it open 2 windows simultaneously, one with the beginning and one with the end of the quote, but I couldn’t find any way to do that. I also tried opening one window with the beginning of the quote which, upon being closed, would automatically open a second window with the rest of the quote. I couldn’t seem to get either option to work :frowning: Anyone else tried anything like this?

Hi,

I finished my Random Quote machine and any feedback would be much appreciated, thanks!

https://codepen.io/RougeRedWired/pen/EWyZeY

Thank you very much in advance :slight_smile:

1 Like

Looks good. What did you find the most difficult? I spent the most time figuring out how to get it in the center of the page.

This is mine: https://codepen.io/RaneWrites/full/qrVPPM/

2 Likes

I made a .confirm pop-up so that you get a dialog box stating the quote is over 140 characters and asking if you’d like to continue with the tweet. So far this is the best workaround I can come up with!

Project Link - http://codepen.io/skyseven/full/jBGZPM/

To me it was positioning the logo on the twitter button.
Nice design :slight_smile:

I am afraid the best would be probably to have quotes about 70 - 80 characters long so that you can add the url of your portfolio (great to get to have your quote gain visibility) + the right hashtag.

I decided not to do that since some I found are really fun to have :smiley: maybe in version 2 :wink:

Thanks for watching :slight_smile: Hope you like it! for some reason it works on the full codepen link not on the preview below :confused:

http://codepen.io/Cherudek/full/WpXpYe

Project Link http://codepen.io/MilenkoAndreas/full/YZYZvE/

Just made my CFLX4TwitterCanvas app available for download!
instead of making a random-quoting-machine
… I did build a DJT-BOT (the greatest, believe me, the greatest… #djTisInDaHouse), but it did violate some rules & was shut down by Twitter…

*The CFLX4TwitterCanvasApp is available at sourceforge:

[title](cflx4twitter - creating statement-images attached to the tweet)

alt

I’d like to improve it further - with browser/client-side storage populating modifyable dropdown elements…
… would like to do this in a locally distributed project-team!
If you are interested in participating to this project, please use the
CFLX4Twitter app to contact me

I have developed the CYBR CSCW-SUITE (CCS) for project collaboration (SCRUM, discussion-board, content-management, Shopfloor-Management application) & therefore I can show you how to work with it as a by-product.

I have some professional project management background, some LAMP, HTML5 & JS knowledge but no experience in Angular/ Angular2, what I’d suggest to build the next version of the CFLX4Twitter machine with.

If we are successful in building apps this way, the future is ours!

I’d appreciate your feedback.

-Florian

Hi!,
Please check out My Random Quote Machine Project
and please let me know what you think!

Project Link - https://keaton85.github.io/quotes/

Any feedback would be appreciated!

my project link: https://codepen.io/ugumerie/full/LWdPjz/
Any feedback is highly welcomed

1 Like

My Random Quote Machine :: http://codepen.io/SonaliS/pen/VPaeve

I don’t see the quotes …

wonderful !! like your design…
-Sonali

1 Like

Very nice, I did notice that sometimes it only shows the source, not the quote .