Create website that dynamically creates mockup of mobile advert

I require a web based tool that will enable me to create a mockup of a layout, automatically, by simply adding the text into the fields and uploading a single image. General requirements: - Single page application, that requires no backend technology / server processes. - Input text for each field required and visualise in real-time on preview display on mockup preview (real-time) - Upload single image file (PNG / JPG), apply filter to darken image (as per PSD) and render in mockup preview (on image upload) - 'Download assets' button that will generate the following image assets for individual download: - w750 x h880 px with image filter applied (JPG) - w270 x h180 px without image filter applied (JPG) - mockup including text and other design elements (no phone surrounding) (PNG) - mockup including text and other design elements (with case surrounding) (PNG) Notes: - Please use the attached drawing / wireframe as a reference, in addition to a PSD that will be provided (preview of PSD also attached) - Must load and function without any backend server processing (i.e use JS / HTML5 canvas etc)