https://github.com/ritesh055/youtemy
A great way to learn from YouTube courses without any distractions and the ability to enroll in courses and track them with a daily streak to become more consistent.
https://github.com/ritesh055/youtemy
ant-design firebase mlh-fellowship reactjs youtube-api-v3
Last synced: 7 months ago
JSON representation
A great way to learn from YouTube courses without any distractions and the ability to enroll in courses and track them with a daily streak to become more consistent.
- Host: GitHub
- URL: https://github.com/ritesh055/youtemy
- Owner: Ritesh055
- License: mit
- Created: 2021-08-23T09:01:10.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-12-11T10:49:15.000Z (almost 3 years ago)
- Last Synced: 2025-02-05T04:44:28.282Z (9 months ago)
- Topics: ant-design, firebase, mlh-fellowship, reactjs, youtube-api-v3
- Language: JavaScript
- Homepage: https://youtemy.tech
- Size: 3.67 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Youtemy
A great way to learn from YouTube courses without any distractions and the ability to enroll in courses and track them with a daily streak to become more consistent.
## __Starting the Dev Server__
- Clone the repository to your local system. `https://github.com/Ritesh055/youtemy`
- Firebase API Setup:
1. Go to [Firebase Console](https://console.firebase.google.com) and follow the steps to create a new Firebase project.
2. Select `>` , *Add a project via Code*.
3. Create a new web app using the steps provided on the console.
4. You will recieve a firebasConfig object with the first paramter as API key. Copy it, which will look something like:
```js
cosnt firebaseConfig = {
apiKey: "process.env.REACT_APP_FIREBASE",
authDomain: "AUTH_DOMAIN",
projectId: "PROJECT_ID",
storageBucket: "STORAGE_BUCKET",
messagingSenderId: "*************",
appId: "******************************",
measurementId: "*************"
};
```
5. After you get the Firebase API key, create a .env file in the root folder of the repository
6. Insert the folowing snippet in the file
REACT_APP_FIREBASE="API_KEY_HERE"
- Youtube API Setup:
1. Go to the following link and set up a new project from
2. Go the the project's dashboard and click on **Enable APIs and Services**
3. Select **Youtube Data API v3**
4. Click on Credentials to create new credentials for the API client
5. Select API Key out of the 3 options available (API Key, OAuth Client ID, Service Key)
6. A new API key will be generated. Copy it in the .env file.
REACT_APP_YOUTUBE="API_KEY_HERE"
- Ensure that .env is added in .gitignore file.
- In the root folder and enter the following commands in the CLI
npm i or yarn
npm start or yarn start
- If you wish to contribute, either look for issues already created or create an issue if you have a new idea.
> ## Snapshots of the Hosted Projects
> ### 
> ### 
> ### 
> ### 
> ### 
## Overview
- ### Pages:
- **Landing Page** (Middleware goes here if not logged in)
- LogIn or Contribute
- **Dashboard**:
- Courses currently enrolled
- Streak Tracker
- Daily Goal (Progress)
- All-time Progress (Across Courses)
- **Course Curriculum**
- Different Tracks
- Web-Dev Track
- HTML\CSS
- JavaScript
- React/Vue/Angular
- Node.JS / Express
- **User Dashboard**
- Courses currently enrolled in
- Charts for the progress
- Tutorial Hell Warnings
- Maybe percentile
- Suggested next course
- **Explore Page**
- Search for new Courses on Youtube
- Add them to bookmrks or enroll in them
- **Settings**
- Delete all Bookmarks
- Delete all enrolled courses