/QuotesOnDev

QuotesPage APP

Primary LanguagePHP

QuotesOnDev

This is an app to take random quotes from post content on WordPress.

Development

  • Download Wordpress.org
  • Create DataBase table on SQL to stored the data provided.
  • Migrate Quotes provided into the DataBase.
  • Style first based on the mobile versio, the scaleted using CSS queries. The quotes incon are only displayed on the desktop verion.
  • Create an AJAX GET request to get the Quotes on the front page. And select one random quote, without reload the page, every time the user click on the botton. This gives the user a better interaction.
  • Create an AJAX POST request to submit new quotes. This option is only avilable for registed users.

How to run?

  • git clone this project on your htdocs folder on MAMP aplication.
  • On the project folder in your terminal install npm install.
  • According to the configuration in gulpFile.js, all the files on jsand sass folder will convert to the min version in buildfolder.
  • Run gulpon the terminal, the index.html file will open on the browser.
  • Open on your LocalHost and Log In with your user on Wordpress

Final Result

Phone version

alt text

Tablet version

alt text

Desktop version

alt text

Plugins

Sourcer