Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/freearhey/web-learn
A free service which provides simple access to thousands of video lessons on web developing and programming
https://github.com/freearhey/web-learn
video-lessons vue youtube
Last synced: 17 days ago
JSON representation
A free service which provides simple access to thousands of video lessons on web developing and programming
- Host: GitHub
- URL: https://github.com/freearhey/web-learn
- Owner: freearhey
- License: mit
- Created: 2016-12-11T08:07:39.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2022-08-09T22:58:10.000Z (over 2 years ago)
- Last Synced: 2024-10-14T17:19:02.737Z (30 days ago)
- Topics: video-lessons, vue, youtube
- Language: Vue
- Homepage: https://web-learn.netlify.app
- Size: 21.3 MB
- Stars: 198
- Watchers: 14
- Forks: 59
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# [Web Learn](https://web-learn.netlify.app/)
Web Learn is an open source service which provides simple access to thousands of video lessons on web developing and programming.
[](https://web-learn.netlify.com/)
## Development
To start making any changes to the project, you first need to copy it to your computer using one of the available methods. For example, this can be done using the `git clone` command:
```sh
git clone https://github.com/freearhey/web-learn.git
```
Then you need to go to the project folder and install all the dependencies:
```sh
# change directory
cd web-learn
# install dependencies
npm install
```
The next step is to create the `.env` file in the project folder with the YouTube Data API key:
```sh
echo "YOUTUBE_API_KEY=YOUR_API_KEY_HERE" > .env
```
The key can be obtained via Google API Console: https://console.developers.google.com/
And after that you can start the development server:
```sh
npm run dev
```
and open the site in a browser. Usually the server starts at `http://localhost:8080`.
## Contributing
If you find a bug or want to contribute to the code or documentation, you can help by submitting an [issue](https://github.com/freearhey/web-learn/issues) or a [pull request](https://github.com/freearhey/web-learn/pulls).
For example, if you want to add new topic to the site you only need to create a Yaml file inside the [topics](https://github.com/freearhey/web-learn/tree/master/src/topics) folder with its description:
#### nodejs.yml
```yml
id: nodejs # topic id
title: Node.js # full title of the topic
score: 149856 # number of questions on http://stackoverflow.com/tags
color: '#539e43' # usually the main color of the logo
site: http://nodejs.org # official site (optional)
```
## License
[MIT](https://github.com/freearhey/web-learn/blob/master/LICENSE)