clean-youtube
🕐 📖 🕑 > 🕐 🗑 🕑
In many cases, learning something new is essentially a question of what youtube video to watch first. Youtube is, however, not a platform particlary well suited for the kind of attention and focusing that learning requires; it feeds on short attention span and non-productive behavioural patterns.
This app is supposed to be a small step in the right direction. For me and hopefully for you too.
Basic Features
- Search for a video
- Watch the video (nothing else!)
Get The App Running
Let's get the client running on your computer! I am assuming familiarity with working in the command line 💻
- Clone this repository
- Have Yarn and Node installed
- Navigate to the repository and run the following:
yarn installyarn start
The browser should now open. However, if you try to search something, the console will display an error. This is because no key has ben assigned to verify your requests to the Youtube API. To get a key, do the following:
- Follow the Setup-guide on the bottom half of this page
- When you have your key, go back to the project folder on your computer.
- Create a file called .env.local
- add
REACT_APP_YOUTUBE_API_KEY=*The key you just got* - make sure that ".env.local" is listed in the ".gitignore"-file. This makes git ignore the file and the key stays on your computer.
If you refresh the app, search should work 🐶 If you run into any trouble, contact me and I will do my best to help you out 👍
It is also possible to build an electron-app to run locally on your machine by running yarn electron-pack . My understanding of this is limited right now, your build should appear in the /dist-directory. Thanks to @Kitze for this helpful guide!
More Info
This app is build ReactJS, as my first project with this technology. Therefore, it will probably not be perfect at first attempt. If you want to make it better, just create a pull request, critisize, comment, contribute to conversations and everything else. All help and feedback is both welcomed and encouraged 🐶