create the component for the climb description to hold all the information of the climb

refactor the climb description component

refactor the filter component

add css filter

refactor the list container component

create the filter Component

add css to the list element

refactor the header component

create the component to contain the list element

create the header component

add css to the list container

refactor the app component

-a rock climbing enthusiast with kids wants to create a list of todo hikes. Most will be for himself and some for him with his kids. (user profile(users data), local storage?, login?)
-guy at a bar wants to go hiking on a whim with friend. Hikes within 50mi, then difficulty. Location with most desired cluster of hikes is selected.
-student is scheduling a climbing week during spring break with hikes each day according to desired cluster

this function should let the user search the climb and once submitted should go the climb description

create the app component

create a function that takes in the user input to filter the climb for the list component to display. the filter component will take in a slide input and two checkbox inputs.

add css to the climb description component

add css to the header

refactor the list element component

add css to the app

create a function once in the list component that will sort the list by the grade difficulty.

create the component for the list element