Port HTML+PHP websites to Angular Frontend + PHP REST Api Backend

Job ID: 31247788

Budget: $30 – $250 USD

I need two (extremely similar) websites to be ported from the current PHP standard implementation (PHP echoing into HTML page) to an Angular Frontend and a separate PHP REST Api backend. (Each of the two websites should have an own Fronted + Backend, to be clear. They should not share the same API. The changes you apply to each website will be similar though, as the major part of both websites is the same custom login system).

I do not want any of the website logic changed, the PHP code is fully working. But I want to have frontend and backend separated.

Both websites consist of the same custom login system and a few other pages (admin panel / search page / ...)

Details what needs to be done:

- all the current functionality of the website should be available as a REST API backend which echoes JSON, instead of the current way (echoing HTML directly into the page).

- for security reasons, I need a rate limiting option for the API (specify how many requests / second max before an error is thrown).

- the API should be written in PHP (so all the existing code can be used).

- the API should only use the POST method (no PUT, DELETE, GET, whatever)

- the API should be easily extensible (I want to be able to add more endpoints myself later).

- the backend will run via Apache2. The location should be customizable, I want to be able to put it to the root of a VirtualHost, and also be able to run it in a subfolder.

- The frontend is to be done in Angular.

- the frontend communicates with the above described API.

- I have already prepared a sample Angular project which imports all the requirements (like the custom materialize SCSS file) and correctly shows the layout of the main page. You can use this as a start.

- an Angular component needs to be created for every page on the website, and routing needs to be added to the Angular app.

- every page should be neatly split up into Angular components to have good quality, reusable code.

- some of the pages use JQuery. As an Angular project does not necessarily need JQuery, replace it wherever possible.

- add i18n tags and the angular/localize package to give me the option to translate the site later.

The functionality and layout of the current websites should be EXACTLY preserved.

The above should be a good summary about what needs to be done. We can discuss more details in the chat, if necessary.

You can start working right away. I will give you access to my gitlab server where you can download and upload code.

Being cost effective is very important to me. My preferred cost range would be 20-80 USD.

I expect the developer to run a local copy of the code to debug it. I will provide the SQL files to create the correct postgresql databases for testing.
Related categories: PHP JavaScript Website Design HTML Angular