https://github.com/kurianbenoy/sampletest

https://github.com/kurianbenoy/sampletest

Last synced: 23 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/kurianbenoy/sampletest
• Owner: kurianbenoy
• Created: 2017-12-26T17:56:42.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-03T02:37:16.000Z (about 7 years ago)
• Last Synced: 2024-10-15T00:02:00.623Z (3 months ago)
• Language: HTML
• Size: 4.03 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# sampletest

# Task 1

## Create a Simple HTML form

Create a simple HTML form which on submission will post the form data to an API endpoint in JSON format and displays the response to the user. The response will also be in JSON format.

### Requirements

- The form should have a minimum of 5 fields (could be anything)

- Should include a submit button

- Style using vanilla CSS. No frameworks are allowed.

- Page must be mobile responsive.

- The form submission should happen without reloading the page.

- The respose data should be displayed on the same page.

- Use vanilla JavaScript. No frameworks/libraries are allowed.

Post the form data to `https://httpbin.org/post` in JSON format.

## Resources

- Use the [**fetch**](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) API to make HTTP requests.

- Use [**media queries**](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) to add responsive styles.