reqres.in
Open in
urlscan Pro
2606:4700:20::681a:bd5
Public Scan
Submitted URL: http://reqres.in/
Effective URL: https://reqres.in/
Submission: On March 06 via api from DE — Scanned from DE
Effective URL: https://reqres.in/
Submission: On March 06 via api from DE — Scanned from DE
Form analysis 2 forms found in the DOM
#
<form class="breathe" action="#" id="supportForm">
<div>
<input type="radio" id="supportOneTime" name="support" value="supportOneTime" checked="">
<input type="number" placeholder="$10" name="oneTimeAmount">
<label for="supportOneTime">One-time payment ($)</label>
</div>
<div>
<input type="radio" id="supportRecurring" name="support" value="supportRecurring">
<label for="supportRecurring">Monthly support ($5/month)</label>
</div>
<button>Support ReqRes</button>
</form>Name: mc-embedded-subscribe-form — POST https://benhowdle.us20.list-manage.com/subscribe/post?u=8c58165749318545a89cd1b21&id=544f278469
<form action="https://benhowdle.us20.list-manage.com/subscribe/post?u=8c58165749318545a89cd1b21&id=544f278469" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display: none"></div>
<div class="response" id="mce-success-response" style="display: none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px" aria-hidden="true">
<input type="text" name="b_8c58165749318545a89cd1b21_544f278469" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>Text Content
TEST YOUR FRONT-END AGAINST A REAL API
FAKE DATA
No more tedious sample data creation, we've got it covered.
REAL RESPONSES
Develop with real response codes. GET, POST, PUT & DELETE supported.
ALWAYS-ON
24/7 free access in your development phases. Go nuts.
A HOSTED REST-API READY TO RESPOND TO YOUR AJAX REQUESTS.
Design and Development tips in your inbox. Every weekday. ads via Carbon
GIVE IT A TRY
Support ReqRes
--------------------------------------------------------------------------------
* List users
* Single user
* Single user not found
* List <resource>
* Single <resource>
* Single <resource> not found
* Create
* Update
* Update
* Delete
* Register - successful
* Register - unsuccessful
* Login - successful
* Login - unsuccessful
* Delayed response
Request /api/users?page=2
Response 200
{
"page": 2,
"per_page": 6,
"total": 12,
"total_pages": 2,
"data": [
{
"id": 7,
"email": "michael.lawson@reqres.in",
"first_name": "Michael",
"last_name": "Lawson",
"avatar": "https://reqres.in/img/faces/7-image.jpg"
},
{
"id": 8,
"email": "lindsay.ferguson@reqres.in",
"first_name": "Lindsay",
"last_name": "Ferguson",
"avatar": "https://reqres.in/img/faces/8-image.jpg"
},
{
"id": 9,
"email": "tobias.funke@reqres.in",
"first_name": "Tobias",
"last_name": "Funke",
"avatar": "https://reqres.in/img/faces/9-image.jpg"
},
{
"id": 10,
"email": "byron.fields@reqres.in",
"first_name": "Byron",
"last_name": "Fields",
"avatar": "https://reqres.in/img/faces/10-image.jpg"
},
{
"id": 11,
"email": "george.edwards@reqres.in",
"first_name": "George",
"last_name": "Edwards",
"avatar": "https://reqres.in/img/faces/11-image.jpg"
},
{
"id": 12,
"email": "rachel.howell@reqres.in",
"first_name": "Rachel",
"last_name": "Howell",
"avatar": "https://reqres.in/img/faces/12-image.jpg"
}
],
"support": {
"url": "https://reqres.in/#support-heading",
"text": "To keep ReqRes free, contributions towards server costs are appreciated!"
}
}
--------------------------------------------------------------------------------
IT’S ALL IN THE DETAILS
--------------------------------------------------------------------------------
* Hosted on Heroku
Which means 99.99% Uptime SLA.
All you need is the base URL, and you're away:
https://reqres.in/api/
The API is CORS enabled, so you can make requests right from the browser, no
matter what domain, or even from somewhere like JSFiddle or JSBin.
* Language agnostic
A generic API that conforms to REST principles and accepts a content type of
application/json
Any endpoint that contains "<resource>" can be substituted with anything you
supply, ie. "products", "accounts", etc..the API will just respond with
various Pantone colours.
GETTING STARTED
--------------------------------------------------------------------------------
Check out the Swagger doc:
jQuery
If you, for example, want to create a fake user:
$.ajax({
url: "https://reqres.in/api/users",
type: "POST",
data: {
name: "paul rudd",
movies: ["I Love You Man", "Role Models"]
},
success: function(response){
console.log(response);
}
});
For which the response to this request will be...
{
"name":"paul rudd",
"movies[]":[
"I Love You Man",
"Role Models"
],
"id":"243",
"createdAt":"2014-10-18T12:09:05.255Z"
}
You can see that the API has sent us back whatever user details we sent it, plus
an id & createdAt key for our use.
Native JavaScript
If you've already got your own application entities, ie. "products", you can
send them in the endpoint URL, like so:
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://reqres.in/api/products/3", true);
xhr.onload = function(){
console.log(xhr.responseText);
};
xhr.send();
It would be impossible for Reqres to know your application data, so the API will
respond from a sample set of Pantone colour data
{
"data":{
"id":3,
"name":"true red",
"year":2002,
"pantone_value":"19-1664"
}
}
It's entirely possible to get sample data into your interface in seconds!
STILL DON'T REALLY GET IT...
--------------------------------------------------------------------------------
* Reqres is a real API
Reqres simulates real application scenarios. If you want to test a user
authentication system, Reqres will respond to a successful login/register
request with a token for you to identify a sample user, or with a 403
forbidden response to an unsuccessful login/registration attempt.
A common front-end scenario that's easily forgotten is loading states, which
can be easily simulated through Reqres by appending
?delay=<a number of seconds> to any endpoint URL, which will delay the API
response time. Animated loading GIFs & SVGs at the ready!
* Technical demos and tutorials
If you're trying to demonstrate a front-end (JavaScript-based) concept, you
don't really want the hassle of setting up an API, or even a server
(especially during a live workshop or demo).
You can just write your HTML, CSS & JavaScript as usual and send Reqres AJAX
requests, which will respond with the expected response codes and output.
* Rapid prototyping of interfaces
When prototyping a new interface, you just want an API there, with minimal
setup effort involved. Normally, I'd point people, who aren't too familiar
with backend programming, to Sailsjs which can auto-generate a REST-API for
you from the command line.
However, you will need Node.js installed and some familiarity of how Node.js
works. If that sounds like too much hassle and way too daunting, Reqres is
just a URL. Sending it an AJAX request is step 1...there is no step 2.
PEACE OF MIND
--------------------------------------------------------------------------------
It might seem pretty weird to be sending your data to a 3rd party API, but I can
assure you, Reqres does not store any of your data at all. Once you send it to
us, we just send it straight back...and then it's gone!
SUPPORT
--------------------------------------------------------------------------------
ReqRes serves nearly half a billion requests each month, and is provided
free-of-charge.
To keep ReqRes free, contributions towards running costs are appreciated!
One-time payment ($)
Monthly support ($5/month)
Support ReqRes
Selecting either option will redirect you to a hosted Stripe Checkout page to
complete payment.
ADVERTISING
--------------------------------------------------------------------------------
Do you want to advertise your jobs/tools/software/cats through Reqres to
millions of developers every week? Click for more info [pdf] on the ads. Contact
for pricing and questions.
LOOKING FOR PRO FEATURES?
--------------------------------------------------------------------------------
Upgrade
ACE. PRO FEATURES COMING REAL SOON. STICK YOUR EMAIL IN HERE TO BE NOTIFIED AND
HELP BUILD OUR PRO TIER.
Email Address
--------------------------------------------------------------------------------
Made for developers and designers by Ben Howdle