frontendplan.md

FRONTEND STEP-BY-STEP

1. Create React App - DONE

2. Create a Component Folder - DONE

   • move App.js into Component Folder - DONE

3. Create Button Component - DONE

   • dynamically put in ButtonText - DONE
   • onClick function - PENDING
   • ❔ check where props are stored -PENDING

4. Create Searchbar Component - DONE

   • renders/calls Button Component - DONE
   • is a user Input field / text box - DONE
   • functionality: check userInput and find search results from API

5. Create Title Component - take in Title as prop - DONE

   6. Create Topic Drop Down - should display all possible topics from API

   7. Logo - render a logo on page

6. Header Section:

   • renders on all pages - DONE
   • renders all containing components
     • searchbar (which has a search button) - DONE
     • title - DONE
     • topic drop down
     • logo

Create functionality:

• handleClick function for search button
• record the value of input field - recognise input

create components:

• videos
• video title
• add resources set up routes - back end connect with API

create css