Since it is a browser frontend I would go with HTML/JavaScript only. No need to use PHP or any server side language IMHO. This has the advantage of being extremely portable.
I would also use a JS framework for that purpose ( the trend nowadays seems to be angular).
Answer from Tivie on Stack OverflowMedium
medium.com › @devrmichael › rest-apis-for-frontend-developers-a-simple-guide-83074731e600
REST APIs for Frontend Developers: A Simple Guide | by Michael Siddiqi | Medium
February 12, 2025 - If you’ve ever felt lost when working with APIs, this guide is for you. I’ll break down what REST APIs are, how they work, and how you can use them effectively in your frontend projects.
Top answer 1 of 3
2
Since it is a browser frontend I would go with HTML/JavaScript only. No need to use PHP or any server side language IMHO. This has the advantage of being extremely portable.
I would also use a JS framework for that purpose ( the trend nowadays seems to be angular).
2 of 3
2
REST really, really isn't new. It's been a part of HTTP at least as far back as HTTP 1.1
Have a look at this question: Backbone.js frontend with RESTful Rails backend? the top answer lists 20 possible frameworks for building a front end.
Tools to generate front-end code for existing rest API
Try V0.dev for UI More on reddit.com
10
8
March 21, 2024Creating a front-end for REST API - Stack Overflow
When I create a front-end that uses an API, where should all the links and initial data go? For example: I have a front-end and on each page I want to display a login button (or when logged in - a ... More on stackoverflow.com
Light weight front end wrapper to an API?
Why don't you go with vanilla JS? More on reddit.com
25
3
January 11, 2023What do you use to quickly create a frontend for your api?
Why is plain HTML/css/js not sufficient? More on reddit.com
162
106
December 14, 2024Videos
07:22
Create fully-typed REST API from backend to frontend! - YouTube
14:09
REST API Essentials for Frontenders - YouTube
23:38
JSON Practice Challenge: Build a Front-End For This API - YouTube
40:42
CRUD операции для REST API на Frontend стороне ...
01:21:28
REST API - что это? Создаем API с нуля на Express ...
07:56
REST API Tutorial (Node, Express & Mongo) #15 - Creating a Front-end ...
Turing
frontend.turing.edu › lessons › module-3 › rest-architecture-and-urls.html
REST architecture and URLs - Front-End Engineering Curriculum - Turing School of Software and Design
The purpose of this activity is to highlight a few key differences between API designs so you have some ground to start on if presented with an API outside of REST protocol. ... API versioning is a crucial aspect of developing and maintaining APIs. It allows developers to introduce changes and enhancements to their APIs while ensuring backward compatibility. It is commonly implemented by including version numbers in the URL. Your team is responsible for maintaining an API endpoint that provides product information: https://api.example.com/v1/products.
Netdevops
netdevops.me › 2019 › creating-a-bootstrap-based-front-end-for-your-simple-rest-service
Creating a Bootstrap based front-end for your simple REST service - Applying DevOps to networks
This tutorial is based on the task real task of building up a web interface (pycatjify.netdevops.me) for the pycatjify REST API service deployed as a serverless function.
NareshIT
nareshit.com › blogs › understanding-rest-apis-connecting-frontend-with-backend
REST APIs Explained: Connect Frontend & Backend | NareshIT
Example: User clicks “Login”. ... User is redirected to their dashboard. ... REST is easy to learn and use. ... Applications grow without breaking. ... Frontend and backend teams work separately. ... Works with web, mobile, IoT, and AI systems. ... Uses lightweight communication over HTTP. ... APIs can be reused across multiple platforms.
Medium
medium.com › @aswathymsanoop › practical-illustration-frontend-backend-connection-via-restful-api-communication-9f6930bc8e57
Practical Illustration -Frontend-Backend Connection via RESTful API Communication | by ASWATHY M S | Medium
December 20, 2023 - This server provides a basic API for managing a collection of books, supporting operations to retrieve all books, add a new book, and delete a book by its ID. The server runs on port 3000.
Retool
retool.com › use-case › rest-api-front-end
Retool | Frontend for REST API
Retool makes it easy to build admin panels, dashboards, and utilities on anything with a REST API.
Quora
quora.com › How-can-you-connect-your-RESTful-API-to-a-front-end-like-HTML-and-CSS-template-without-using-a-templating-engine-or-some-sort-of-front-UI-like-React
How to connect your RESTful API to a front-end like HTML and CSS template without using a templating engine or some sort of front UI like React - Quora
Answer (1 of 4): React is not a Front UI, it's a library; you don't connect anything to CSS; you can send requests to your API using JavaScript not HTML itself (well yes you can use method and other attributes in element, however without captcha and other JS stuff you'll end up with a lot ...
Platformatic
docs.platformatic.dev › build front-end for platformatic rest api
Build Front-end for Platformatic REST API | Platformatic Open Source Software
{ "$schema": "https://schemas.platformatic.dev/@platformatic/gateway/3.0.0.json", "gateway": { "applications": [ { "id": "db", "openapi": { "url": "/documentation/json", "prefix": "/db" } }, { "id": "frontend" // Frontend ID for Vite applications } ], "refreshTimeout": 1000 }, "watch": true } To consume REST APIs in your Watt application.
Medium
medium.com › @simonescigliuzzi › what-is-rest-api-b5a23b45bec0
What is Rest API. Either you’re a frontend developer or a… | by Simone Scigliuzzi | Medium
July 17, 2023 - The key persons are you (Frontend), waiter(Rest API), and the restaurant (Backend). You give your food order to the waiter, wait for your order and it’s delivered to you. ... An example is the courier service.
Reddit
reddit.com › r/chatgptcoding › tools to generate front-end code for existing rest api
r/ChatGPTCoding on Reddit: Tools to generate front-end code for existing rest API
March 21, 2024 -
Disclaimer: I am a backend dev, can do front-end but don't prefer it. Also savvy with chatgpt and c#, python.
I have a rest API and now want to build some UI functionality leveraging it. I could generate the js client using swagger and have UI and Interactivity written from scratch by putting HTML, js and CSS together. However am wondering if any gpt tools can help me out here?
Could I say like here's my rest API, here's the swagger spec, , generate a web form using API1/2, where results of API1 should be rendered in a dropdown, and any item selected in the dropdown should invoke API2 to get details by passing a parameter "X" from API1.
Top answer 1 of 4
3
Try V0.dev for UI
2 of 4
2
If you don't care about design, layout, that sort of stuff, and your API docs are in file format with each file not too long, you can try the tool I built: https://prompt.16x.engineer/ It works best if you generate a boilerplate frontend code first, then iteratively add new API endpoints (keep each prompt within the context token limit).
Frontend Mentor
frontendmentor.io › articles › integrating-with-apis-a-beginners-guide-for-frontend-developers-u_xfEadBc-
API Integration Guide for Frontend Developers
March 13, 2024 - Learn to integrate APIs as a frontend developer. Fetch data, handle responses, and work with REST APIs.
Medium
medium.com › js-dojo › api-client-patterns-every-front-end-developer-need-to-know-b0957e05b134
API client patterns every front-end developer need to know | by Prasad Jayakumar | Vue.js Developers | Medium
May 1, 2021 - Example with correlation logic is provided below. The logic shared is just one-way to do the correlation. If API provider supports, you can use custom header to pass on the correlation id and receive the same in response.
Medium
kapucuonur.medium.com › integrating-frontend-and-backend-with-apis-a-comprehensive-guide-9d296eef2e33
Integrating Frontend and Backend with APIs: A Comprehensive Guide | by Onur Kapucu | Medium
April 19, 2025 - For example, /users for user-related operations, /products for product management. Choosing Data Formats: JSON is the most common format for API data exchange due to its simplicity and compatibility with JavaScript.
LinkedIn
linkedin.com › pulse › understanding-apis-frontend-developers-guide-reactjs-ememe-tochukwu
Understanding APIs for Frontend Developers: A Beginner-Friendly Guide with ReactJS
July 4, 2023 - There are various types of APIs, but the most common ones you'll encounter as a frontend developer are: RESTful APIs: These are based on the principles of Representational State Transfer (REST) and use standard HTTP methods (GET, POST, PUT, DELETE) to perform CRUD (Create, Read, Update, Delete) operations.
Reddit
reddit.com › r/frontend › light weight front end wrapper to an api?
r/Frontend on Reddit: Light weight front end wrapper to an API?
January 11, 2023 -
Not sure if this is the best place to ask, I've been out of the front end world for a while, but I know there are a ton of frameworks in the space these days. I have an API that I'd like to expose via a very simple UI. Is there a framework that's built for for this use case? Like, bare minimum stuff here. If I have an endpoint that returns json, I want a page that will simply executes that endpoint (with parameters) and then loops over the resulting json spitting out something decent looking. And if makes sense for the user to be able to click into one of the items listed, a way to link to a page with a parameter that would do the same. Something that's like a half step fancier than Swagger?
I feel really silly for describing it this way, and maybe the answer is just a basic/popular web framework for the language of my choice, but also maybe something like this exists? 😂 Thanks!
Top answer 1 of 7
4
Why don't you go with vanilla JS?
2 of 7
2
You could probably choose any framework at this point. Most have capabilitiss to fetch something (native) and then render it via some templating language. Actually, what you want to do is pull off purely native as well. If I were you I'd use NextJS. Framework built upon top of React, industry standard, easy to use, uses JSX as templating. The downside off Next in this case would be it might be overkill.
Quora
quora.com › Can-a-front-end-programmer-understand-REST-API-without-knowing-any-back-end-prior
Can a front-end programmer understand REST API without knowing any back-end prior? - Quora
Answer (1 of 4): Here’s the thing: the API, it being REST, SOAP, a domain specific language or a yaml file, is the interface. This means, you expose a model. This model may be the same as it is represented internally, or it may be a completely different model for different users.
DEV Community
dev.to › vorillaz › how-to-automatically-consume-restful-apis-in-your-frontend-48ba
How to Automatically Consume RESTful APIs in Your Frontend - DEV Community
January 25, 2024 - Our backend APIs must be documented in a way that our frontend can understand and consume, and this is where Swagger and OpenAPI come into play. Swagger is an open-source software framework that implements the OpenAPI Specification—an API description format for REST APIs.
Lucidworks
doc.lucidworks.com › fusion › 5.12 › 3217
REST API Examples for Front-End Development | Lucidworks Documentation
The results from each query profile are returned alongside the zone configuration in the final response. For example, a web front-end can consume this API to drive a search results page.