FCC Projects - Build a random quote machine

mbrien12 / learning-2017

Place for all my tutorial and practice work, with learning resources, plan and backlog

1 stars 1 forks source link

FCC Projects - Build a random quote machine #32

Closed mbrien12 closed 7 years ago

mbrien12 commented 7 years ago

Acceptance Criteria

[x] I can click a button to show me a new random quote
[ ] I can press a button to tweet a quote

Can use any libraries or APIs

mbrien12 commented 7 years ago

Approach

[x] Set up core structure of page
[x] Get it functionally working - with quote API
[ ] Add tweet functionality
[x] Design

mbrien12 commented 7 years ago

Update

Added click event
Can update HTML on click
Used jQuery getJSON method - but not working as haven't put API key in...

Currently using this API https://market.mashape.com/andruxnet/random-famous-quotes but maybe try http://forismatic.com/en/api/ or look for others

mbrien12 commented 7 years ago

This one works http://quotes.stormconsultancy.co.uk/api

mbrien12 commented 7 years ago

Functionally working with API - need to design and get tweet working next

This is useful https://github.com/AungMyoKyaw/rqm/blob/gh-pages/js/index.js

mbrien12 commented 7 years ago

Have spent two hours on Tweet functionality - do far can tweet custom text but not the dynamic content in the quote.

Currently tweeting the title of the page instead 😕

mbrien12 commented 7 years ago

Advice from the forum to try next time:

Looks like you are using the Twitter widget. That makes it a lot more challenging. You'll have to use their API to add the text to the button: https://dev.twitter.com/web/tweet-button/javascript-create It would be much easier to remove the twitter widget code from your project and use a tag. You can style that to look like a twitter button instead.

it depends on the getJSON you might need promises.

mbrien12 commented 7 years ago

[x] Style page
[ ] Get Twitter working
[ ] If time/feel like it - try vanilla Ajax request instead of jQuery get.json request

mbrien12 commented 7 years ago

2 hours doing CSS - also made responsive (no frameworks)

mbrien12 commented 7 years ago

25 mins trying to fix Twitter - still can't figure out

mbrien12 commented 7 years ago

Review code of working ones e.g. http://codepen.io/mikelduffy/pen/EPdYMp

To allow non HTTPS to work with Thimble try this https://crossorigin.me/ (not initially working but have reached out to him - looks like is down at the mo)

mbrien12 commented 7 years ago

Will fix Twitter another time - moving on for now