VIDYUT

Youtube Auto Translator browser extension:

we have developed a solution that can translate youtube cc much better and provide access to global users across the world by to be automatically dubbing into multiple languages.

Total Project Video except file bin

https://www.youtube.com/watch?v=5_7lXxtZ74A

File Bin:

Untitled.mp4

Focus Mate:

we have developed a solution called focusmate. Which will hide the recommendations based on the different modes. for example if user switch to study mode it only shows education content in the recommendation.

Idea Spark:

we believe in learn by doing. so we have developed a web application called Idea Spark, that will tackle this problem by giving project suggestion based on their skills so that can implment whatever they have learnt in real time.

Choose your laptop:

There are many laptop models and specifications to choose from, which can be confusing and overwhelming for buyers. Some common mistakes to avoid are buying the cheapest or most expensive laptop, buying a laptop for today instead of tomorrow, ignoring ports and compatibility, and opting for the highest resolution. Different operating systems have different strengths and weaknesses, and some software may not run on certain platforms. Buyers need to consider their needs and preferences before choosing a laptop with Windows, macOS, Chrome OS, or Linux. To reslove this we have developed an web application that recommends the ideal laptop based on a small quiz. This could save students a great deal of time and effort in choosing the right device for their needs.

Quizzo:

Online exams may not reflect students’ true learning or abilities, as they may rely on copying rather than understanding, applying, or creating knowledge. To tackle this problem, we are developed an AI-proctored exam that tracks candidates and ensures that they are not cheating. Additionally, we are incorporating features that make it possible for blind, deaf, and mute students to take the exam.

👉 LIVE DEMO: https://vidyut.netlify.app/

🎁 Presentation ---->

📷 Video ----> https://www.youtube.com/watch?v=5_7lXxtZ74A

Mobile View Of Landing Page (FORGOT TO SHOW IN VIDEO)

20.03.2023_16.01.29_REC.mp4

🛠 Technologies Used

• HTML - Hyper Text Markup Language
• CSS - Cascadeing Spread Sheet
• JS - Java Script
• Face-api.js - Java Script Library runs on tensorflow
• Email.js - To send mails in frontend
• Twak.js - For Chatbot
• Swiper.js - For Creative Slide Show
• Youtube Data V3 API
• AppForLanguage API
• JSON - Java Script Object NOtation
• Figma --> For Wireframes
• Excali draw --> For Mind Mapping and brainstroming
• WonderShare Filimora --> For Video Editing

📂 File Structure

This is made in vanialla JS so the file structure is not too complex basically have 4 files which are

• Focus-Mate-Main Extension

  • Assets
    • Developers
    • Modes
  • Images
  • Backgroud.js ---> Opens Our homepage when ever extension is mounted & enables extension when website is youtube only
  • Content.js ---> Code To Trigger Hide Class for non related content
  • Custom.css ---> Classes For Hiding Elements
  • Index.js ---> Contains logic for getVideoSummary
  • Logic.js ---> Core Logic for categorizing Videos
  • Manifest.JSON ---> Like Package.json
  • Options.html ---> Contains Buttons
  • Options.js ---> Contains Logic For Buttons
  • Popup.CSS ---> Styles for extension
  • Popup.HTML ---> HTML for popup
  • Popup.JS ---> Logic For checkboxex

• Landing Page

  • Images index.html style.css index.js

• Quizzo

  • assets
    • audio
    • images
  • labelled images ---> Need To Train AI to recognize (pending)
  • models ---> Contains face_landmark_68, ssd_mobilenetv1_model, tiny_face_detector_model
  • app.js ---> Contains Core Logic
  • face-api.min.js ---> Library Code
  • index.html ---> Website HTML -style.css ---> Website CSS

---

NEED TO WRITE FOLDER STRUCTURE DUE TO LACK OF TIME POSTPONED

Run Locally

Clone the project

  git clone https://github.com/Indratejreddy/VIDYUT

Go to the project directory

ideasparkdemo.mp4