• Vite 5.3.5
• React 18.3.1
• Tailwindcss 3.4.7
• TypeScript
• Git & Github
• Node 20.10.0
• NPM 10.8.1
• Google Youtube Api V3 (You need to aqcuire api key for this: https://console.cloud.google.com/apis)

Get repo from either git or https protocol

$ clone [email protected]:mokgosi/vite-react-video-preview.git
$ nmp install

Create .env file in your project root and place this your api key in it

$ touch .env

Edit this file with your api key

API_KEY=YOUR_API_KEY

$ npm run dev

You should see something like this on your terminal if successful

VITE v5.3.5 ready in 406 ms

➜ Local: http://localhost:5173/

➜ Network: use --host to expose

➜ press h + enter to show help

Browse to http://localhost:5173/ to see app.

Note: The top bar is outside this project scope - so no functionality provided there.