CodeCanyon Modern HTML 5 Book Application 4517882
Script \ HTML5 Code \ Miscellaneous
Application \ Amazon \ Webmatrix \ Driven \ Updates \ Indexing \ Facebook \ Course
HTML5 Code - Modern HTML 5 Book Application 4517882 by appeality @ CodeCanyon
Script \ HTML5 Code \ Miscellaneous
- Addiitonal FB App Id entry
- The documentation fails to mention that you also need to add your Facebook
Application ID to the fbinitialization.js file. This info will be added in the next update. Thanks!
Do you want to know what the future of affiliate web apps look like? Well here you go. This HTML 5 book app is the app-in-a-box you need to please your users and make some money in the process.
About the Application
This application is mobile, slick, purely ajax-driven, and optimized for search engine indexing.
The application is a list-driven community book app. User’s can create book lists, comment on lists, view community lists, and more.
The application is tightly integrated with the Amazon products API (this is where book data comes from) as well as Amazon Associates. Users of the app have the ability to add books to their Amazon wishlist or follow a buy link to Amazon. Of course, you will get paid from Amazon whenever they buy any product after following a link from your application.
Dynamic Community Content
Not only is the entire application ajax-driven, it is also data-driven. Furthermore, everytime a user searches for books to add to their lists, the application captures the search term. In addition, any book that a user adds to her list automatically gets added to a global book list with a permanent, indexable url [see Indexing and SEO below]. Future updates will include a site map generator to automatically create xml sitemaps based off your user-created data.
Architecture and Maintenance
You can use any html editor to edit the application, but I highly recommend Webmatrix for the ease of use and powerful features.
The app uses jQuery on the front end and communicates purely via ajax to an app-hosted api (.net Web API)
As mentioned earlier, all book data is grabbed from Amazon. However, the app also has an internal data structure. The app includes a file-based SQL Compact Edition 4.0 database for superb membership system. In addition, the app has a custom XML database that stores all of the necessary common data from the app.
- Modern, clean design
- Completely AJAX driven
- multiple themes [see demo]
- Easy to customize themes
- Facebook integration
- Social logins[FB and Twitter] plus standard login
- Ability to easily associate FB and Twitter logins
- Built to make income
- Thorough documentation
Indexing and SEO
The architecture of the application follows Google’s Recommendations for making modern ajax applications crawlable and indexable. You can learn more about Google’s recommendations here.
In short, when a web crawler hits an important page in the app (such as a book description page, public list, etc.), the application will return a static html snapshot of the dynamic page.
Here’s an example url from the application.
Note that this is a dynamic url, and is essentially the home page of the app with some querystring data applied.
To prove that this works with any web crawler, you can quickly go over to Facebook’s developer tool and plug that url in. You can see the snapshot exactly as the crawlers see it.
I wanted to go into detail on the SEO and indexing point because without the proper configuration, pure ajax apps can’t be indexed. So, you can rest assured that you’ll be good to go.
Social Login on Mobile
Of course there are many updates planned and a lot more functionality to be added. Purchasing gives you access to lifetime updates. Make sure you follow my space to stay updated on this and other cool apps.
Spice - PhoneGap Mobile Article App with CMS; HD Christmas Interactive Landing Page/E-Card #1; HD Halloween Interactive Landing Page/e-Card #2; HD Halloween Interactive Landing Page/e-Card #1; HD Autumn Interactive Landing Page/e-Card #1; Phonegap/Cordova Hybrid Notes Application; Health Topics .Net - Bilingual Health Topic API.
Keywords: Amazon associates, Amazon product api, ajax, books, html 5.