keranski/video-filter

Build an API Proxy Server with node.js/express and a Filterable List with Vanilla JS

API Proxy Server

• Create Server Folder
• npm install express morgan cors dotenv
• GET route to proxy API request
• 404 handler
• Error Handler
• Deploy!

https://coding-garden-videos.now.sh/videos

Filterable List With Vanilla JS

• API request to proxy server
• Add results to page
• Add filter form to page
• Filter list on keyup
• Debounce filtering for performance *if needed
• Deploy!

https://cg-videos.now.sh

Setup

cp server/.env.sample server/.env 

Update .env with your API KEY.

Start server

cd server
npm run dev

Start client

cd client
npx lite-server