HTTPS

Hypertext Transfer Protocol Secure or HTTPS is an extension of the HTTP protocol. HTTPS secures the data transfer between client and server by encrypting all of the communication.

HTTPS allows a client to safely share sensitive information with the server through an HTTP request, such as credit card information, passwords, or bank account numbers.

Assignment

Frontend developers at Jello were prone to making mixed content requests—insecure requests from a secure website—so management has mandated the use of a safeFetch function that only allows requests to a secure endpoint.

Somehow a developer has still managed to write the wrong url! Fix the bug.

import { UserProfile } from "./types";

const url = "http://api.boot.dev/v1/courses_rest_api/learn-http/users";

async function getUserById(url: string, id: string): Promise<UserProfile> {

const path = `${url}/${id}`;

const response = await safeFetch(path, {

method: "GET",

mode: "cors",

headers: {

"X-API-Key": apiKey,

"Content-Type": "application/json",

});

return response.json();

}

// don't touch below this line

const uuid = "2f8282cb-e2f9-496f-b144-c0aa4ced56db";

const apiKey = generateKey();

function generateKey(): string {

const characters = "ABCDEF0123456789";

let result = "";

for (let i = 0; i < 16; i++) {

result += characters.charAt(Math.floor(Math.random() * characters.length));

}

return result;

}

function logUser(user: UserProfile) {

console.log(

`User Info - UUID: ${user.id}, Name: ${user.user.name}, Role: ${user.role}, Experience: ${user.experience}, Remote: ${user.remote}`,

);

}