I'm creating a phonegap app with AngularJS that uses a .json file to store an array of entries. My aim is to allow the user to mark some of them as favorites, and then use that data somewhere else (another page with the favorites only, for example).
First time doing a web development and I have to say I'm pretty new to web technologies such as AngularJS, JSON, PhoneGap, etc. (and I'm using them all), so maybe this question is a nonsense, but here I go anyway.

I've tried to save that data in an IndexedDB, in a WebSQL DB, in WebStorage.... but those approaches seem to be complex combined with PhoneGap, so I'm trying now to modify a field in the .json file and save the modified file.

I know JS can't write files, but I was trying to send the file by POST instead to fill that gap. Here's the code of the function I'm using:

$scope.save = function() {



    $http({

        method: 'POST',

        url: 'data.json',         //this is the json file with all the information I use

        data: $scope.json_data    //this contains the modified data

    }).success(function(response) {

        addLog(Success message.);

    }).error(function(response){

        addLog(Error message.);

    });

}

I don't want to write a lot of code to handle a request server side (I don't even know if PhoneGap will handle that...), since I honestly don't even know where to start to do that. I don't know if a transformRequest or another simple thing can allow me to save the json file... Any insights on what to do? Should I save the modified .json file with some magic code, or maybe I'm looking at this problem in the wrong way and should go down a different path?

Thanks!