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.
MIT License
YouTemy is a platform to accelerate learning from YouTube courses. Users can learn from YouTube courses without any distractions and have the ability to enroll in courses and track them with a daily streak to become more consistent.
YouTemy is a web app built with the following:
Landing Page (Middleware goes here if not logged in)
Dashboard:
User Dashboard
Settings
📷 Snapshots of the Hosted Projects
Clone the repository to your local system. https://github.com/rosekamallove/youtemy
Firebase API Setup:
Go to Firebase Console and follow the steps to create a new Firebase project.
Select </>
, Add a project via Code.
Create a new web app using the steps provided on the console.
You will recieve a firebasConfig object with the first paramter as API key. Copy it, which will look something like:
cosnt firebaseConfig = {
apiKey: "process.env.REACT_APP_FIREBASE",
authDomain: "AUTH_DOMAIN",
projectId: "PROJECT_ID",
storageBucket: "STORAGE_BUCKET",
messagingSenderId: "*************",
appId: "******************************",
measurementId: "*************"
};
After you get the Firebase API key, create a .env file in the root folder of the repository
Insert the folowing snippet in the file
REACT_APP_FIREBASE="API_KEY_HERE"
Youtube API Setup:
Go to the following link and set up a new project from https://console.cloud.google.com/apis/
Go the the project's dashboard and click on Enable APIs and Services
Select Youtube Data API v3
Click on Credentials to create new credentials for the API client
Select API Key out of the 3 options available (API Key, OAuth Client ID, Service Key)
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.
Contribution list made with contrib.rocks.