Angular + Ionic Cards + Node.js + JSON

An AngularJS, Ionic, Node.JS, JSON single page app shall show a serie of articles parsed from a JSON static file. The project shall be developed as a Yeoman, Grunt project and a Git repo is created at The live site is hosted on an Ubuntu 12.04 LEMP, NGINX, Node.JS Express server. For bot users (as Google and BING) the HTML is rendered on the server with [url removed, login to view] for SEO purposes.

The app shall consist of several articles based on swipe-able Ionic Framework "cards". The desktop layout will be a larger Ionic card article in the main (left) column, and smaller clickable Ionic thumb cards to the right to choose article. The layout is similar to the Ms Windows 8 news app. The article content and the smaller Ionic thumbs shall be "created" from a static JSON file.

An HTML mockup and a JSON mockup is available.

Most part of the functionality already exists in the current "searchapp" so you will have GIT access to download that app. It's good if both apps are similar in structure as they later on will share resources like [url removed, login to view] script, css, images, fonts etc. The app shall run in HTML5Mode.

So tasks to be done:

C1. Parse the smaller Ionic cards "thumbs" (in right column) from the JSON file (copy code from "searchapp").

C2. Parse the main article (in the left main column) from the JSON file (copy code from "searchapp", see details view).

C3. Create function for URLs to be created from the JSON file (copy code from "searchapp").

C4. The whole page shall be scrollable in the same way as the search app.

C5. Each view "page" shall have it's own meta data (see searchapps product details view).

C6. Icons in the header and footer do not show now in the mockup.

C7. The Ionic Breadcrumbs you see in the mockup shall also work.

C8. The Ionic responsive columns do not work now ( [url removed, login to view] ).

C9. In the footer, implement Angular Social Share from the searchapp's product details page.

C10. In the header add link with transition to the search app.

C11. A click on an Ionic "thumbs" card shall show respective article in the left main column.

C12. Swipe to the left and right shall browse between articles.

C13. Back button shall be shown in the header nav left.

C14. Direct links to all tablets in the search app shall be accessible from an icon in the header nav right.

Please ask for the full brief with URLs if you are interested in this project.

Habilidades: Angular.js, node.js

Veja mais: search angularjs, node data structure, js do, io.js, html code share button, grid data structure, google js, google icons css, google fonts icons, google apps script html, download google icons, data structure node, create own icon windows, create js with html content, create icons for desktop, cards direct, c12, apps script google, angular layout, 8 news now, ubuntu 12.04 download, share google docs, node js with angularjs, js framework, if js

Acerca do Empregador:
( 32 comentários ) Stockholm, Sweden

ID do Projeto: #6815720

Concedido a:


Hi again, Thank you for your invite and good feedback from previous project.I bid 111$ but for fee from i just receive 100$. Best regard. Chi

$111 USD em 14 dias
(1 Comentário)

6 freelancers estão ofertando em média $228 para esse trabalho


Hello, I want to know a little more about the details of the project. If we do an agreement, we can go ahead with this. Best regards. Potignano Emiliano. [login to view URL]

$250 USD in 7 dias
(7 Comentários)

Hi, Thanks for inviting me on your project, Well as your requirements are clear and i want to work on your project ,I think i am the right person for this job, kindly give me some more details regarding project so Mais

$200 USD in 7 dias
(2 Comentários)

Dear all, I am interested in this project and excited about the choice of technologies about which I want to learn more - for this reason we can discuss the bid size because even though I have decades of programming Mais

$155 USD in 3 dias
(0 Comentários)

A proposal has not yet been provided

$444 USD in 56 dias
(0 Comentários)

Hi, my name is Saqib and i am expert in creating mobile hybrid app using PhoneGap/Cordova/Ionic/Angular JS Framework. I have read your project details and i can do that project easily. Please share complete project det Mais

$210 USD in 3 dias
(0 Comentários)