Youtube Channel Statistics

This web application will present you with a variety of YouTube channel statistics. It pulls data from the YouTube API and displays it on the screen.

Tech Stack

Client: HTML, CSS, Javascript, React, Material UI

Server: YouTube API, Netlify functions

Live Demo

The project is live here.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_API_KEY

This is a YouTube API key. You can signup for an YouTube API key here.

Features

• Fullscreen mode
• Mobile responsive

Lessons Learned

• Fetch data from external API and show in screen.
• Deploying API Endpoints in Netlify Functions.

Improvement

The API endpoint was deployed in Netlify function. Since the API key is stored in the backend, it is not visible in the frontend when sending a request to the API.