https://github.com/innovatorved/jsonproxyholder
JSONProxyHolder project3 on 100days-of-projects (by CODEDAMN)
https://github.com/innovatorved/jsonproxyholder
Last synced: 6 months ago
JSON representation
JSONProxyHolder project3 on 100days-of-projects (by CODEDAMN)
- Host: GitHub
- URL: https://github.com/innovatorved/jsonproxyholder
- Owner: innovatorved
- Created: 2022-01-19T21:00:54.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-01-19T21:03:46.000Z (over 3 years ago)
- Last Synced: 2025-02-12T10:19:52.287Z (8 months ago)
- Language: JavaScript
- Size: 932 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JSONProxyHolder project3 on 100days-of-projects (by CODEDAMN)
## Project Introduction
Welcome to the JSONProxyHolder backend project on codedamn. In this project, you're supposed to work with a popular JSON placeholder API - https://jsonplaceholder.typicode.com/guide/
## First Requirement
In your codedamn playground, you can see a backend server running as a Node.js script. Your task for this project is to proxy all of your backend requests recieved to the jsonplaceholder.typicode.com endpoint.
### Examples
Let's assume your deployed URL on codedamn playground is https://something.codedamn.app (You can find this URL inside the "Settings" tab on the left)
Then, the following proxying should take place. The API calls made to your URL should return data from jsonplaceholder.typicode.com
```
GET https://something.codedamn.app/posts -> GET https://jsonplaceholder.typicode.com/posts
```
```
GET https://something.codedamn.app/posts/1 -> GET https://jsonplaceholder.typicode.com/posts/1
```
```
GET https://something.codedamn.app/posts?userId=1 -> GET https://jsonplaceholder.typicode.com/posts?userId=1
```
...and so on
In a nutshell, all of the data requested from your endpoint should further be requested from jsonplaceholder.typicode.com.
## Second Requirement
You also have to add a custom header in every response you send. Your custom header should look like the following:
```
x-codedamn-project: jsonproxyholder
```
## Third Requirement
You have to use this backend API to build a simple React app that does the following:
1. Lists all posts using the API endpoint (/posts)
2. On clicking the post title, it should show the post body and comments
3. For post body, use the endpoint (/posts/:id) and for post comments use the endpoint (/posts/:id/comments)
There's a simple web interface provided at the right to help you start. All the best.