# HTTP-Mini-Sprint

**Repository Path**: mirrors_LambdaSchool/HTTP-Mini-Sprint

## Basic Information

- **Project Name**: HTTP-Mini-Sprint
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-07-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HTTP / AJAX Mini Sprint

## Topics
  * Axios for making HTTP requests
  * JavaScript Promises

In this mini-sprint, you'll be eased into the code base for the actual HTTP sprint. After forking, then cloning this repository, take a moment to look over the different pieces that are already in here. There is a "server" folder and a "client" folder. The "server" will _serve_ up some data, and the "client" folder has the web application (which will access some data from the server.) Don't worry about the server for now - we will cover these in depth in the coming weeks. If you look in the "client" directory, there shouldn't be anything too scary; it's just another React app created using `create-react-app` with some custom styling. The important bits for the _client_ are inside the components folder in the "src" directory.

## Running the Application
To run the mini-sprint code, first run `yarn` in the "server" directory. Then run `yarn start` to run the server. In _another_ terminal, `cd` into the `client` directory, run `yarn`, then `yarn start`. You'll see that we have a non-functioning React app with some compilation errors.

## Instructions
The `FriendsList` component renders an array of friend objects. Your job for this mini sprint is to add the code necessary inside `FriendsList.js` to fetch this data from the server and populate the list.

Hint: The endpoint to get a list of friends is: [`http://localhost:5000/friends`](http://localhost:5000/friends).

Once you get through the sprint and have the list of friends being rendered by the `FriendsList` component, take some time to read about HTTP, Promises, AJAX, and any of the other topics we touched upon during the lecture.

## Helpful Links
  * [Promises for Dummies](https://scotch.io/tutorials/javascript-promises-for-dummies) -- A pretty thorough and cohesive writeup on Promises. I would suggest starting here first.
  * [AJAX Documentation on MDN](https://developer.mozilla.org/en-US/docs/AJAX) -- A good place to start reading about and delving into the different parts that make up the AJAX standard.
  * [JavaScript Promises Plain and Simple](https://coligo.io/javascript-promises-plain-simple/) -- This article talks about using Promises in the context of making HTTP requests, which means it's pretty perfect for our use case. Note that in their examples they use the `fetch` API, which is an alternative to Axios.