├── .vscode ├── .gitignore ├── settings.json └── package.json ├── .DS_Store ├── images ├── Logo.png ├── iwoc.png ├── swoc.png ├── contact.jpg ├── homepage.jpg ├── permission.jpg ├── FusionVision_BG.jpg └── FusionVision_BG_blurred.jpg ├── .env ├── config └── db.config.js ├── data.sql ├── utils.js ├── User.js ├── db.js ├── camera ├── camera.js ├── capture.js ├── models.js └── object-detection.js ├── .github ├── ISSUE_TEMPLATE │ ├── question_and_support.yml │ ├── documentation_bug.yml │ ├── bug_report.yml │ └── feature_request.yml ├── PULL_REQUEST_TEMPLATE.md ├── README.md └── CONTRIBUTING.md ├── footer_elements ├── contributor │ ├── contributor.html │ ├── contributor.js │ └── contributor.css ├── privacyp.html ├── blog.html ├── Terms.html ├── whoweare.html └── workwithus.html ├── script.js ├── login ├── login.js ├── signup.js ├── signin.html ├── signUp.html └── auth.js ├── UserClass.js ├── server.js ├── about ├── features │ └── features.html ├── about.html ├── contact │ └── contact.html └── reviews │ └── reviews.html └── index.html /.vscode/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .env -------------------------------------------------------------------------------- /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudiptasarkar011/FusionVision/HEAD/.DS_Store -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.multiRootWorkspaceName": "FusionVision" 3 | } -------------------------------------------------------------------------------- /images/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudiptasarkar011/FusionVision/HEAD/images/Logo.png -------------------------------------------------------------------------------- /images/iwoc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudiptasarkar011/FusionVision/HEAD/images/iwoc.png -------------------------------------------------------------------------------- /images/swoc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudiptasarkar011/FusionVision/HEAD/images/swoc.png -------------------------------------------------------------------------------- /images/contact.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudiptasarkar011/FusionVision/HEAD/images/contact.jpg -------------------------------------------------------------------------------- /images/homepage.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudiptasarkar011/FusionVision/HEAD/images/homepage.jpg -------------------------------------------------------------------------------- /images/permission.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudiptasarkar011/FusionVision/HEAD/images/permission.jpg -------------------------------------------------------------------------------- /images/FusionVision_BG.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudiptasarkar011/FusionVision/HEAD/images/FusionVision_BG.jpg -------------------------------------------------------------------------------- /images/FusionVision_BG_blurred.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sudiptasarkar011/FusionVision/HEAD/images/FusionVision_BG_blurred.jpg -------------------------------------------------------------------------------- /.env: -------------------------------------------------------------------------------- 1 | MONGODB_URI=your mongo db connection string 2 | PORT=5000 3 | DB_HOST=localhost 4 | DB_USER=root 5 | DB_PASSWORD=root 6 | DB_NAME=fusion_vision 7 | JWT_SECRET = your jwt secret 8 | -------------------------------------------------------------------------------- /config/db.config.js: -------------------------------------------------------------------------------- 1 | require('dotenv').config(); 2 | 3 | module.exports = { 4 | host: process.env.DB_HOST, 5 | user: process.env.DB_USER, 6 | password: process.env.DB_PASSWORD, 7 | database: process.env.DB_NAME, 8 | waitForConnections: true, 9 | connectionLimit: 10, 10 | queueLimit: 0 11 | }; -------------------------------------------------------------------------------- /data.sql: -------------------------------------------------------------------------------- 1 | CREATE DATABASE fusion_vision; 2 | USE fusion_vision; 3 | 4 | CREATE TABLE users ( 5 | id INT AUTO_INCREMENT PRIMARY KEY, 6 | username VARCHAR(50) NOT NULL UNIQUE, 7 | password VARCHAR(255) NOT NULL, 8 | created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP 9 | ); 10 | 11 | CREATE TABLE user_images ( 12 | id INT AUTO_INCREMENT PRIMARY KEY, 13 | user_id INT, 14 | image_data LONGTEXT, 15 | created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, 16 | FOREIGN KEY (user_id) REFERENCES users(id) 17 | ); -------------------------------------------------------------------------------- /utils.js: -------------------------------------------------------------------------------- 1 | const jwt = require("jsonwebtoken") 2 | 3 | generateToken = (userId, res) => { 4 | const token = jwt.sign({ userId }, process.env.JWT_SECRET, { 5 | expiresIn: "7d", 6 | }); 7 | 8 | res.cookie("jwt", token, { 9 | maxAge: 7 * 24 * 60 * 60 * 1000, // MS 10 | httpOnly: true, // prevent XSS attacks cross-site scripting attacks 11 | sameSite: "strict", // CSRF attacks cross-site request forgery attacks 12 | secure: process.env.NODE_ENV !== "development", 13 | }); 14 | 15 | return token; 16 | }; 17 | module.exports = generateToken; 18 | -------------------------------------------------------------------------------- /User.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose'); 2 | 3 | const userSchema = new mongoose.Schema({ 4 | username: { 5 | type: String, 6 | required: true, 7 | unique: true 8 | }, 9 | password: { 10 | type: String, 11 | required: true 12 | }, 13 | images: [{ 14 | type: String, // Will store image URLs or base64 strings 15 | default: [] 16 | }], 17 | createdAt: { 18 | type: Date, 19 | default: Date.now 20 | } 21 | }); 22 | 23 | module.exports = mongoose.model('User', userSchema); -------------------------------------------------------------------------------- /.vscode/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "scripts": { 3 | "init-db": "mysql -u root -p < data.sql", 4 | "start": "node server.js" 5 | }, 6 | "type": "commonjs", 7 | "dependencies": { 8 | "bcrypt": "^5.1.1", 9 | "bcryptjs": "^2.4.3", 10 | "body-parser": "^1.20.3", 11 | "cors": "^2.8.5", 12 | "dotenv": "^16.4.7", 13 | "express": "^4.21.2", 14 | "express-validator": "^7.2.1", 15 | "fs": "^0.0.1-security", 16 | "helmet": "^8.0.0", 17 | "jsonwebtoken": "^9.0.2", 18 | "mongodb": "^6.12.0", 19 | "mongoose": "^8.9.5", 20 | "multer": "^1.4.5-lts.1", 21 | "path": "^0.12.7" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /db.js: -------------------------------------------------------------------------------- 1 | const { MongoClient } = require('mongodb'); 2 | require('dotenv').config(); // Load environment variables 3 | 4 | const uri = process.env.MONGODB_URI; // Fetch from .env 5 | const client = new MongoClient(uri); 6 | 7 | async function connectDB() { 8 | try { 9 | await client.connect(); 10 | console.log('Connected to MongoDB'); 11 | return client.db(process.env.DB_NAME); // Fetch database name from .env 12 | } catch (error) { 13 | console.error('Database connection failed:', error); 14 | process.exit(1); // Exit the process if the connection fails 15 | } 16 | } 17 | 18 | module.exports = connectDB; 19 | -------------------------------------------------------------------------------- /camera/camera.js: -------------------------------------------------------------------------------- 1 | let videoStream = null; 2 | 3 | // Start the camera preview 4 | navigator.mediaDevices 5 | .getUserMedia({ video: true }) 6 | .then((stream) => { 7 | videoStream = stream; 8 | const videoElement = document.getElementById("cameraPreview"); 9 | videoElement.srcObject = stream; 10 | }) 11 | .catch((error) => { 12 | alert("Unable to access the camera. Please check your device settings."); 13 | console.error("Camera Error:", error); 14 | }); 15 | 16 | // Stop the camera 17 | function stopCamera() { 18 | if (videoStream) { 19 | const tracks = videoStream.getTracks(); 20 | tracks.forEach((track) => track.stop()); 21 | alert("Camera stopped!"); 22 | window.location.href = "index.html"; // Redirect back to the homepage 23 | } 24 | } -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/question_and_support.yml: -------------------------------------------------------------------------------- 1 | name: ❓ Question or Support Request 2 | description: Questions and requests for support. 3 | title: "[Question]: " 4 | 5 | body: 6 | - type: markdown 7 | attributes: 8 | value: | 9 | Thanks for taking the time to fill out this and letting us know your question 10 | - type: textarea 11 | id: description 12 | attributes: 13 | label: Describe your question or ask for support.❓ 14 | description: Enter a brief description about your question or support needed 15 | placeholder: Please include a summary, also include relevant motivation and context. 16 | value: "Description" 17 | validations: 18 | required: true 19 | - type: dropdown 20 | id: contribution 21 | attributes: 22 | label: Select program in which you are contributing 23 | multiple: true 24 | options: 25 | - GSoC'25 26 | - SWoC'25 27 | - Other 28 | - type: checkboxes 29 | id: terms 30 | attributes: 31 | label: Code of Conduct 32 | description: By submitting this issue, you agree to follow our [CODE OF CONDUCT]() 33 | options: 34 | - label: I follow [CONTRIBUTING GUIDELINE]() of this project. 35 | required: true 36 | -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | ## Description 2 | 3 | Please include a summary of the changes and the related issue. Please also include relevant motivation and context. List any dependencies that are required for this change. 4 | 5 | Fixes # (issue) 6 | 7 | ## Type of change 8 | 9 | Please delete options that are not relevant. 10 | 11 | - [ ] Bug fix (non-breaking change which fixes an issue) 12 | - [ ] New feature (non-breaking change which adds functionality) 13 | - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected) 14 | - [ ] This change requires a documentation update 15 | 16 | 17 | 18 | **Test Configuration**: 19 | * Firmware version: 20 | * Hardware: 21 | * Toolchain: 22 | * SDK: 23 | 24 | ## Checklist: 25 | 26 | - [ ] My code follows the style guidelines of this project 27 | - [ ] I have performed a self-review of my own code 28 | - [ ] I have commented my code, particularly in hard-to-understand areas 29 | - [ ] I have made corresponding changes to the documentation 30 | - [ ] My changes generate no new warnings 31 | - [ ] I have added tests that prove my fix is effective or that my feature works 32 | - [ ] New and existing unit tests pass locally with my changes 33 | - [ ] Any dependent changes have been merged and published in downstream modules 34 | -------------------------------------------------------------------------------- /footer_elements/contributor/contributor.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Contributors Page 7 | 8 | 9 | 10 | 11 | 12 | 13 | 24 | 25 | 26 |
27 |
28 | 29 |
30 |
31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | // Redirect to the camera preview page 2 | function goToCameraPage() { 3 | window.location.href = "camera.html"; 4 | } 5 | 6 | // Select the scroll-to-top button 7 | const scrollToTopBtn = document.getElementById("scrollToTopBtn"); 8 | 9 | // Function to toggle the visibility of the button 10 | window.addEventListener("scroll", () => { 11 | if (window.scrollY > 100) { 12 | scrollToTopBtn.style.display = "flex"; 13 | } else { 14 | scrollToTopBtn.style.display = "none"; 15 | } 16 | }); 17 | 18 | // Function to scroll to the top 19 | scrollToTopBtn.addEventListener("click", () => { 20 | window.scrollTo({ 21 | top: 0, 22 | behavior: "smooth" 23 | }); 24 | }); 25 | const toggleButton = document.getElementById("darkModeToggle"); 26 | const body = document.body; 27 | 28 | // Apply dark mode if saved in localStorage 29 | if (localStorage.getItem("theme") === "dark") { 30 | body.classList.add("dark-mode"); 31 | if (toggleButton) { 32 | toggleButton.textContent = "☀️ Light Mode"; 33 | } 34 | } 35 | 36 | // Toggle Dark Mode 37 | if (toggleButton) { 38 | toggleButton.addEventListener("click", () => { 39 | body.classList.toggle("dark-mode"); 40 | 41 | if (body.classList.contains("dark-mode")) { 42 | localStorage.setItem("theme", "dark"); 43 | toggleButton.textContent = "☀️ Light Mode"; 44 | } else { 45 | localStorage.setItem("theme", "light"); 46 | toggleButton.textContent = "🌙 Dark Mode"; 47 | } 48 | }); 49 | } -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/documentation_bug.yml: -------------------------------------------------------------------------------- 1 | name: 📚 Documentation or README.md issue report 2 | description: Report an issue in the project's documentation or README.md file. 3 | title: "[Documentation Bug]: " 4 | 5 | body: 6 | - type: markdown 7 | attributes: 8 | value: | 9 | Thanks for taking the time to fill out this documentation bug report! 10 | - type: textarea 11 | id: documentation-bug-description 12 | attributes: 13 | label: Describe the bug ✍️ 14 | description: Enter a brief description about the documentation bug report 15 | placeholder: Please include a summary, also include relevant motivation and context. 16 | value: "Describe your bug here" 17 | validations: 18 | required: true 19 | - type: textarea 20 | id: instructions 21 | attributes: 22 | label: Provide step by step information reproduce the bug 📄 23 | description: Enter the description on how you plan to find the bug's solution 24 | placeholder: Please include a summary, also include relevant motivation and context. 25 | value: "Description" 26 | validations: 27 | required: true 28 | - type: dropdown 29 | id: contribution 30 | attributes: 31 | label: Select program in which you are contributing 32 | multiple: true 33 | options: 34 | - GSoC'25 35 | - SWoC'25 36 | - Other 37 | - type: checkboxes 38 | id: terms 39 | attributes: 40 | label: Code of Conduct 41 | description: By submitting this issue, you agree to follow our [CODE OF CONDUCT]() 42 | options: 43 | - label: I follow [CONTRIBUTING GUIDELINE]() of this project. 44 | required: true 45 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.yml: -------------------------------------------------------------------------------- 1 | name: 🪲 Bug Report 2 | description: Report your bug by filling the information given below 3 | title: "[Bug]: " 4 | 5 | body: 6 | - type: markdown 7 | attributes: 8 | value: | 9 | Thanks for taking the time to fill out this bug report! 10 | - type: textarea 11 | id: bug-description 12 | attributes: 13 | label: Give a brief about the bug ✍️ 14 | description: Enter a brief description about the bug report 15 | placeholder: Please include a summary, also include relevant motivation and context. 16 | value: "Description" 17 | validations: 18 | required: true 19 | - type: textarea 20 | id: behaviors 21 | attributes: 22 | label: What is the expected behavior? 🤔 23 | description: Enter the expected behavior of the bug 24 | placeholder: Please include a summary, also include relevant motivation and context. 25 | value: "Description" 26 | validations: 27 | required: true 28 | - type: textarea 29 | id: instructions 30 | attributes: 31 | label: Provide step by step information to reproduce the bug 📄 32 | description: Enter the description of how you plan to find the bug's solution 33 | placeholder: Please include a summary, also include relevant motivation and context. 34 | value: "Description" 35 | validations: 36 | required: true 37 | - type: dropdown 38 | id: contribution 39 | attributes: 40 | label: Select program in which you are contributing 41 | multiple: true 42 | options: 43 | - GSoC'25 44 | - SWoC'25 45 | - Other 46 | - type: checkboxes 47 | id: terms 48 | attributes: 49 | label: Code of Conduct 50 | description: By submitting this issue, you agree to follow our [CODE OF CONDUCT]() 51 | options: 52 | - label: I follow [CONTRIBUTING GUIDELINE]() of this project. 53 | required: true 54 | 55 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.yml: -------------------------------------------------------------------------------- 1 | name: 🆕 Feature request 2 | description: Suggest an idea for this project 3 | title: "[FEATURE] " 4 | labels: [enhancement] 5 | 6 | 7 | projects: ["new-website"] 8 | 9 | body: 10 | - type: markdown 11 | attributes: 12 | value: | 13 | Thanks for taking the time to open a feature request! Please provide us with as much detail as possible to help us understand your idea. 14 | 15 | - type: input 16 | id: title 17 | attributes: 18 | label: Feature title 19 | description: A brief title for your feature request 20 | placeholder: Add a descriptive title 21 | validations: 22 | required: true 23 | 24 | - type: textarea 25 | id: description 26 | attributes: 27 | label: Description 28 | description: A detailed description of the feature you are requesting 29 | placeholder: Describe the feature in detail 30 | validations: 31 | required: true 32 | 33 | - type: textarea 34 | id: motivation 35 | attributes: 36 | label: Motivation 37 | description: Explain why this feature would be useful 38 | placeholder: Explain the motivation behind this feature 39 | validations: 40 | required: true 41 | 42 | - type: textarea 43 | id: alternatives 44 | attributes: 45 | label: Alternatives 46 | description: Describe any alternative solutions or features you've considered 47 | placeholder: Describe alternative solutions 48 | validations: 49 | required: false 50 | 51 | - type: dropdown 52 | id: contribution 53 | attributes: 54 | label: Select program in which you are contributing 55 | multiple: true 56 | options: 57 | - GSoC'25 58 | - SWoC'25 59 | - Other 60 | 61 | - type: input 62 | id: additional_context 63 | attributes: 64 | label: Additional context 65 | description: Add any other context or screenshots about the feature request 66 | placeholder: Add any other context or screenshots 67 | validations: 68 | required: false 69 | -------------------------------------------------------------------------------- /footer_elements/contributor/contributor.js: -------------------------------------------------------------------------------- 1 | const REPO_OWNER = "sudiptasarkar011"; 2 | const REPO_NAME = "FusionVision"; 3 | const GITHUB_TOKEN = ""; // Optional: Add your GitHub personal access token to avoid rate limits 4 | 5 | async function fetchContributors() { 6 | const contributorsContainer = document.getElementById("contributors"); 7 | 8 | try { 9 | // Fetch contributors from the GitHub API 10 | const response = await fetch( 11 | `https://api.github.com/repos/${REPO_OWNER}/${REPO_NAME}/contributors`, 12 | { 13 | headers: GITHUB_TOKEN ? { Authorization: `token ${GITHUB_TOKEN}` } : {}, 14 | } 15 | ); 16 | 17 | if (!response.ok) throw new Error("Failed to fetch contributors"); 18 | 19 | const contributors = await response.json(); 20 | 21 | contributors.forEach((contributor) => { 22 | // Create a card for each contributor 23 | const card = document.createElement("div"); 24 | card.className = "contributor-card"; 25 | 26 | // Profile image 27 | const img = document.createElement("img"); 28 | img.src = contributor.avatar_url; 29 | img.alt = contributor.login; 30 | 31 | // GitHub username 32 | const name = document.createElement("h3"); 33 | name.textContent = contributor.login; 34 | 35 | // GitHub profile link 36 | const githubLink = document.createElement("a"); 37 | githubLink.href = contributor.html_url; 38 | githubLink.target = "_blank"; 39 | githubLink.textContent = "GitHub Profile"; 40 | 41 | // Append elements to card 42 | card.appendChild(img); 43 | card.appendChild(name); 44 | card.appendChild(githubLink); 45 | 46 | // Append card to container 47 | contributorsContainer.appendChild(card); 48 | }); 49 | } catch (error) { 50 | console.error("Error fetching contributors:", error); 51 | 52 | // Show error message on the page 53 | const errorMessage = document.createElement("p"); 54 | errorMessage.textContent = "Failed to load contributors. Please try again."; 55 | contributorsContainer.appendChild(errorMessage); 56 | } 57 | } 58 | 59 | // Fetch and render contributors on page load 60 | fetchContributors(); -------------------------------------------------------------------------------- /camera/capture.js: -------------------------------------------------------------------------------- 1 | let videoStream = null; 2 | 3 | // Start the camera preview 4 | navigator.mediaDevices 5 | .getUserMedia({ video: true }) 6 | .then((stream) => { 7 | videoStream = stream; 8 | const videoElement = document.getElementById("cameraPreview"); 9 | videoElement.srcObject = stream; 10 | }) 11 | .catch((error) => { 12 | alert("Unable to access the camera. Please check your device settings."); 13 | console.error("Camera Error:", error); 14 | }); 15 | 16 | // Capture image from the video feed 17 | function captureImage() { 18 | const videoElement = document.getElementById("cameraPreview"); 19 | const canvas = document.getElementById("capturedCanvas"); 20 | const imageElement = document.getElementById("capturedImage"); 21 | 22 | // Set canvas size to match the video feed 23 | canvas.width = videoElement.videoWidth; 24 | canvas.height = videoElement.videoHeight; 25 | 26 | // Draw the video frame onto the canvas 27 | const context = canvas.getContext("2d"); 28 | context.drawImage(videoElement, 0, 0, canvas.width, canvas.height); 29 | 30 | // Convert canvas content to a data URL 31 | const imageData = canvas.toDataURL("image/png"); 32 | 33 | // Display the captured image 34 | imageElement.src = imageData; 35 | imageElement.style.display = "block"; 36 | 37 | alert("Image captured! Click 'Scan Image' to process."); 38 | } 39 | 40 | // Process the captured image 41 | function processCapturedImage() { 42 | const imageElement = document.getElementById("capturedImage"); 43 | 44 | if (!imageElement.src) { 45 | alert("Please capture an image first!"); 46 | return; 47 | } 48 | 49 | // Send the captured image data for further processing 50 | // Replace this part with actual object detection logic (e.g., via a backend or TensorFlow.js) 51 | alert("Processing the captured image for object detection..."); 52 | console.log("Captured Image Data URL:", imageElement.src); 53 | 54 | // Add your object detection code here (e.g., TensorFlow.js or an API call) 55 | } 56 | 57 | // Stop the camera 58 | function stopCamera() { 59 | if (videoStream) { 60 | const tracks = videoStream.getTracks(); 61 | tracks.forEach((track) => track.stop()); 62 | alert("Camera stopped!"); 63 | window.location.href = "index.html"; // Redirect back to the homepage 64 | } 65 | } -------------------------------------------------------------------------------- /camera/models.js: -------------------------------------------------------------------------------- 1 | const bcrypt = require('bcrypt'); 2 | const jwt = require('jsonwebtoken'); 3 | const connectDB = require('../db'); // Import your DB connection 4 | 5 | require('dotenv').config(); 6 | const jwtSecret = process.env.JWT_SECRET; 7 | 8 | if (!jwtSecret) { 9 | console.error('JWT_SECRET is not defined in .env'); 10 | process.exit(1); // Exit if JWT secret is missing 11 | } 12 | 13 | async function registerUser(username, password) { 14 | try { 15 | const hashedPassword = await bcrypt.hash(password, 10); 16 | const db = await connectDB(); 17 | const result = await db.collection('users').insertOne({ username, password: hashedPassword }); 18 | return result.insertedId; 19 | } catch (error) { 20 | console.error('Error registering user:', error.message); 21 | throw new Error('Registration failed'); 22 | } 23 | } 24 | 25 | async function loginUser(username, password) { 26 | try { 27 | const db = await connectDB(); 28 | const user = await db.collection('users').findOne({ username }); 29 | 30 | if (!user || !(await bcrypt.compare(password, user.password))) { 31 | throw new Error('Invalid username or password'); 32 | } 33 | 34 | // Generate a JWT token 35 | const token = jwt.sign({ id: user._id }, jwtSecret, { expiresIn: '1h' }); 36 | return { token, userId: user._id }; 37 | } catch (error) { 38 | console.error('Error logging in user:', error.message); 39 | throw new Error('Login failed'); 40 | } 41 | } 42 | 43 | async function saveImage(userId, imageUrl, description) { 44 | try { 45 | const db = await connectDB(); 46 | const result = await db.collection('images').insertOne({ userId, imageUrl, description, createdAt: new Date() }); 47 | return result.insertedId; 48 | } catch (error) { 49 | console.error('Error saving image:', error.message); 50 | throw new Error('Saving image failed'); 51 | } 52 | } 53 | 54 | async function getUserImages(userId) { 55 | try { 56 | const db = await connectDB(); 57 | const images = await db.collection('images').find({ userId }).toArray(); 58 | return images; 59 | } catch (error) { 60 | console.error('Error retrieving user images:', error.message); 61 | throw new Error('Retrieving images failed'); 62 | } 63 | } 64 | 65 | module.exports = { registerUser, loginUser, saveImage, getUserImages }; 66 | -------------------------------------------------------------------------------- /login/login.js: -------------------------------------------------------------------------------- 1 | document.addEventListener("DOMContentLoaded", function () { 2 | console.log("hello"); 3 | 4 | const form1 = document.getElementById("signin-form"); 5 | const email = document.getElementById("email"); 6 | const password = document.getElementById("password"); 7 | 8 | console.log(form1); 9 | 10 | form1.addEventListener("submit", async function (event) { 11 | event.preventDefault(); // Ensure this is called at the start to prevent page reload 12 | console.log("Form submission prevented"); 13 | 14 | let valid = true; 15 | console.log(valid); 16 | 17 | // Email validation 18 | if (!email.value.includes("@") || !email.value.includes(".")) { 19 | showError(email, "Invalid email"); 20 | valid = false; 21 | } else { 22 | hideError(email); 23 | } 24 | 25 | // Password validation 26 | if (password.value.length < 6) { 27 | showError(password, "Password must be at least 6 characters"); 28 | valid = false; 29 | } else { 30 | hideError(password); 31 | } 32 | 33 | if (!valid) { 34 | console.log("Form invalid"); 35 | return; // Exit the function early if validation fails 36 | } 37 | 38 | // Send login POST request 39 | try { 40 | console.log("Sending POST request..."); 41 | const response = await axios.post('http://localhost:5000/login', { 42 | email: email.value, 43 | password: password.value 44 | }); 45 | console.log(response.data); 46 | 47 | if (response.data.token) { 48 | // Store the JWT in localStorage 49 | localStorage.setItem('jwt', response.data.token); 50 | alert('Login successful!'); 51 | window.location.href = '/FusionVision/index.html?'; // Redirect to /index.html (root) 52 | } else { 53 | alert('Invalid email or password'); 54 | } 55 | } catch (error) { 56 | console.error('Error during login:', error); 57 | alert('Login failed. Please try again.'); 58 | } 59 | }); 60 | 61 | function showError(input, message) { 62 | // Select the error element next to the input field 63 | const errorElement = input.nextElementSibling; 64 | if (errorElement && errorElement.classList.contains('error-message')) { 65 | input.style.borderColor = "#e74c3c"; // Red border for the input 66 | errorElement.textContent = message; // Set error message 67 | errorElement.style.display = "block"; // Display the error message 68 | } 69 | } 70 | 71 | function hideError(input) { 72 | // Select the error element next to the input field 73 | const errorElement = input.nextElementSibling; 74 | if (errorElement && errorElement.classList.contains('error-message')) { 75 | input.style.borderColor = "#ccc"; // Reset input border color 76 | errorElement.style.display = "none"; // Hide the error message 77 | } 78 | } 79 | }); 80 | -------------------------------------------------------------------------------- /login/signup.js: -------------------------------------------------------------------------------- 1 | document.addEventListener("DOMContentLoaded", function () { 2 | const form = document.getElementById("signup-form"); 3 | console.log(form); 4 | 5 | form.addEventListener("submit", async function (event) { 6 | event.preventDefault(); // Prevent form submission 7 | 8 | const name = document.getElementById("name"); 9 | const email = document.getElementById("email"); 10 | const password = document.getElementById("password"); 11 | const confirmPassword = document.getElementById("confirm-password"); 12 | 13 | let valid = true; 14 | 15 | // Name Validation 16 | if (name.value.trim() === "") { 17 | showError(name, "Name is required"); 18 | valid = false; 19 | } else { 20 | hideError(name); 21 | } 22 | 23 | // Email Validation 24 | if (!email.value.includes("@")) { 25 | showError(email, "Invalid email"); 26 | valid = false; 27 | } else { 28 | hideError(email); 29 | } 30 | 31 | // Password Validation 32 | if (password.value.length < 6) { 33 | showError(password, "Password must be at least 6 characters"); 34 | valid = false; 35 | } else { 36 | hideError(password); 37 | } 38 | 39 | // Confirm Password Validation 40 | if (confirmPassword.value !== password.value) { 41 | showError(confirmPassword, "Passwords do not match"); 42 | valid = false; 43 | } else { 44 | hideError(confirmPassword); 45 | } 46 | 47 | if (valid) { 48 | // Send POST request to register 49 | try { 50 | const response = await axios.post('http://localhost:5000/register', { 51 | name: name.value, 52 | email: email.value, 53 | password: password.value 54 | }); 55 | 56 | console.log(response); // Log response to check what it contains 57 | 58 | if (response.data ) { 59 | // Store the JWT in localStorage 60 | localStorage.setItem('jwt', response.data.token); 61 | alert("Signup Successful!"); 62 | window.location.href = "signin.html"; // Redirect to sign-in page 63 | } else { 64 | alert('Signup failed. Please try again.'); // This happens if the token is not found in the response 65 | } 66 | } catch (error) { 67 | console.error('Error during signup:', error); 68 | alert('Signup failed. Please try again.'); 69 | } 70 | } 71 | }); 72 | 73 | function showError(input, message) { 74 | const errorMsg = input.nextElementSibling; 75 | errorMsg.textContent = message; 76 | errorMsg.style.display = "block"; 77 | input.style.borderColor = "#e74c3c"; 78 | } 79 | 80 | function hideError(input) { 81 | const errorMsg = input.nextElementSibling; 82 | errorMsg.style.display = "none"; 83 | input.style.borderColor = "#ccc"; 84 | } 85 | }); 86 | -------------------------------------------------------------------------------- /camera/object-detection.js: -------------------------------------------------------------------------------- 1 | let videoStream = null; 2 | let model = null; 3 | 4 | // Load the COCO-SSD model 5 | cocoSsd.load().then((loadedModel) => { 6 | model = loadedModel; 7 | console.log("COCO-SSD model loaded successfully!"); 8 | }).catch((error) => { 9 | console.error("Error loading the COCO-SSD model:", error); 10 | }); 11 | 12 | // Start the camera preview 13 | navigator.mediaDevices 14 | .getUserMedia({ video: true }) 15 | .then((stream) => { 16 | videoStream = stream; 17 | const videoElement = document.getElementById("cameraPreview"); 18 | videoElement.srcObject = stream; 19 | }) 20 | .catch((error) => { 21 | alert("Unable to access the camera. Please check your device settings."); 22 | console.error("Camera Error:", error); 23 | }); 24 | 25 | // Capture image from the video feed 26 | function captureImage() { 27 | const videoElement = document.getElementById("cameraPreview"); 28 | const canvas = document.getElementById("capturedCanvas"); 29 | 30 | // Set canvas size to match the video feed 31 | canvas.width = videoElement.videoWidth; 32 | canvas.height = videoElement.videoHeight; 33 | 34 | // Draw the video frame onto the canvas 35 | const context = canvas.getContext("2d"); 36 | context.drawImage(videoElement, 0, 0, canvas.width, canvas.height); 37 | 38 | alert("Image captured! Click 'Scan Image' to detect objects."); 39 | } 40 | 41 | // Process the captured image for object detection 42 | function processCapturedImage() { 43 | if (!model) { 44 | alert("Model is not loaded yet. Please wait."); 45 | return; 46 | } 47 | 48 | const canvas = document.getElementById("capturedCanvas"); 49 | const context = canvas.getContext("2d"); 50 | 51 | // Get image data from the canvas 52 | const imageData = tf.browser.fromPixels(canvas); 53 | 54 | // Run object detection 55 | model.detect(imageData).then((predictions) => { 56 | console.log("Predictions:", predictions); 57 | displayPredictions(predictions, context); 58 | imageData.dispose(); // Clean up memory 59 | }).catch((error) => { 60 | console.error("Error during object detection:", error); 61 | }); 62 | } 63 | 64 | // Display object detection predictions 65 | function displayPredictions(predictions, context) { 66 | predictions.forEach((prediction) => { 67 | const [x, y, width, height] = prediction.bbox; 68 | 69 | // Draw bounding box 70 | context.strokeStyle = "#00FF00"; 71 | context.lineWidth = 2; 72 | context.strokeRect(x, y, width, height); 73 | 74 | // Draw label 75 | context.font = "16px Arial"; 76 | context.fillStyle = "#00FF00"; 77 | context.fillText( 78 | `${prediction.class} (${(prediction.score * 100).toFixed(1)}%)`, 79 | x, 80 | y > 10 ? y - 5 : y + 15 81 | ); 82 | }); 83 | 84 | alert("Object detection complete!"); 85 | } 86 | 87 | // Stop the camera 88 | function stopCamera() { 89 | if (videoStream) { 90 | const tracks = videoStream.getTracks(); 91 | tracks.forEach((track) => track.stop()); 92 | alert("Camera stopped!"); 93 | window.location.href = "index.html"; // Redirect back to the homepage 94 | } 95 | } -------------------------------------------------------------------------------- /.github/README.md: -------------------------------------------------------------------------------- 1 | # Fusion Vision 2 | 3 | A real-time object detection system with voice narration capabilities. The aim is to create a Social Media Platform for the visually impaired where they can upload their photos and get the description of the image in voice. Also they can share their photos with their friends and family and checkout the photos from others and know the updates of their surroundings. 4 | 5 | 6 | ## Features 7 | 8 | - Real-Time Object Detection: Utilizes Coco-SSD (TensorFlow.js) for live object detection. 9 | - Voice narration of detected objects 10 | - Web-based interface for easy access 11 | - Unique Social Media Platform for the visually impaired 12 | - Unique profiles and verified users 13 | 14 | 15 | ## Getting Started 16 | 17 | Follow these instructions to set up the project on your local machine. 18 | 19 | ### Prerequisites 20 | 21 | Ensure you have the following installed: 22 | 23 | - **Node.js** (for web dependencies) 24 | - **MongoDB** 25 | 26 | ### Installation 27 | 28 | 1. **Clone the repository:** 29 | ```bash 30 | git clone https://github.com/yourusername/fusion-vision.git 31 | cd fusion-vision 32 | ``` 33 | 34 | 2. **Install Dependencies** 35 | 36 | ```bash 37 | npm install 38 | ``` 39 | 40 | 3. **Set Up the Database** 41 | 42 | - Ensure MongoDB is running locally or configure a remote MongoDB instance. 43 | - Create `.env` file with the following content: 44 | 45 | ```bash 46 | MONGODB_URI=mongodb://localhost:27017/camera-app 47 | PORT=5000 48 | DB_HOST=localhost 49 | DB_USER=root 50 | DB_PASSWORD=your_password_here 51 | DB_NAME=fusion_vision 52 | ``` 53 | 54 | 4. **Start the Server**: 55 | 56 | ```bash 57 | node server.js 58 | ``` 59 | 60 | 5. **Launch the web interface:** 61 | 62 | Open `index.html` in a modern web browser. 63 | 64 | ### Dependencies 65 | 66 | #### Core Requirements 67 | 68 | - **TensorFlow** (>=2.0.0) 69 | - Deep learning framework for object detection. 70 | - Used for running the COCO-SSD model. 71 | 72 | 73 | #### Web Technologies 74 | 75 | - **HTML5** 76 | - Camera API 77 | - Canvas for drawing 78 | - Speech synthesis 79 | 80 | - **JavaScript** 81 | - TensorFlow.js 82 | - WebRTC for camera access 83 | - Speech synthesis API 84 | 85 | #### Browser Requirements 86 | 87 | - Modern web browser with: 88 | - WebRTC support 89 | - JavaScript enabled 90 | - Web Speech API support 91 | 92 | --- 93 | ### Accessibility Permissions 94 | 95 | To ensure the application functions correctly, you need to grant the following permissions in your web browser: 96 | 97 | - **Camera Access**: Required for capturing images and performing real-time object detection. 98 | - **Microphone Access**: Needed if the application includes voice input features. 99 | - **Speech Synthesis**: Ensure your browser allows speech synthesis for voice narration of detected objects. 100 | 101 | ## Screenshots 102 | 103 | Here are some screenshots of the application: 104 | 105 | - **Contact Page** 106 | 107 | ![Contact Page](/images/contact.jpg) 108 | 109 | - **Homepage** 110 | 111 | ![Homepage](/images/homepage.jpg) 112 | 113 | - **Permission Request** 114 | 115 | ![Permission Request](/images/permission.jpg) 116 | 117 | 118 | 119 | ## Open Source Programs featuring Fusion Vision 120 | 121 | - **Social Winter Of Code 2025** 122 | 123 | ![SWOC](/images/swoc.png) 124 | 125 | - **InnoGeeks Winter of Code** 126 | 127 | ![IWOC](/images/iwoc.png) 128 | 129 | ## Contributing 130 | 131 | Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests. 132 | 133 | 134 | 135 | -------------------------------------------------------------------------------- /UserClass.js: -------------------------------------------------------------------------------- 1 | var currentUser = null; 2 | var userImages = {}; 3 | // Function to handle user login 4 | function handleLogin(username, password) { 5 | // In a real app, validate against backend 6 | // For demo, just store username 7 | currentUser = username; 8 | // Load user's saved images from localStorage 9 | var savedData = localStorage.getItem(username); 10 | if (savedData) { 11 | userImages[username] = JSON.parse(savedData); 12 | } 13 | else { 14 | userImages[username] = []; 15 | } 16 | // Update welcome message 17 | updateWelcomeMessage(); 18 | } 19 | // Function to handle user registration 20 | function handleRegistration(username, password) { 21 | // In a real app, store in backend 22 | // For demo, just initialize storage 23 | currentUser = username; 24 | userImages[username] = []; 25 | localStorage.setItem(username, JSON.stringify([])); 26 | updateWelcomeMessage(); 27 | } 28 | // Function to update welcome message 29 | function updateWelcomeMessage() { 30 | var welcomeDiv = document.createElement('div'); 31 | welcomeDiv.id = 'welcome-message'; 32 | welcomeDiv.style.color = 'white'; 33 | welcomeDiv.style.padding = '10px'; 34 | welcomeDiv.style.textAlign = 'center'; 35 | welcomeDiv.innerHTML = "Welcome, ".concat(currentUser, "!"); 36 | // Insert at top of main content 37 | var mainElement = document.querySelector('main'); 38 | if (mainElement) { 39 | mainElement.prepend(welcomeDiv); 40 | } 41 | } 42 | // Modified captureImage function to save images 43 | function captureImage() { 44 | if (!currentUser) { 45 | alert('Please log in first!'); 46 | return; 47 | } 48 | var canvas = document.getElementById("capturedCanvas"); 49 | if (!canvas) 50 | return; 51 | var context = canvas.getContext("2d"); 52 | if (!context) 53 | return; 54 | var video = document.getElementById("cameraPreview"); 55 | if (!video) 56 | return; 57 | // Set canvas dimensions to match video 58 | canvas.width = video.videoWidth; 59 | canvas.height = video.videoHeight; 60 | // Draw video frame to canvas 61 | context.drawImage(video, 0, 0, canvas.width, canvas.height); 62 | // Save image data 63 | var imageData = canvas.toDataURL('image/jpeg'); 64 | if (currentUser && userImages[currentUser]) { 65 | userImages[currentUser].push({ 66 | timestamp: new Date().toISOString(), 67 | data: imageData 68 | }); 69 | // Save to localStorage 70 | localStorage.setItem(currentUser, JSON.stringify(userImages[currentUser])); 71 | } 72 | } 73 | // Function to handle logout 74 | function handleLogout() { 75 | if (currentUser) { 76 | // Save any pending data 77 | localStorage.setItem(currentUser, JSON.stringify(userImages[currentUser])); 78 | currentUser = null; 79 | // Remove welcome message 80 | var welcomeMsg = document.getElementById('welcome-message'); 81 | if (welcomeMsg) { 82 | welcomeMsg.remove(); 83 | } 84 | // Redirect to login page 85 | window.location.href = 'index.html'; 86 | } 87 | } 88 | // Function to display user's saved images 89 | function displaySavedImages() { 90 | if (!currentUser || !userImages[currentUser]) 91 | return; 92 | var images = userImages[currentUser]; 93 | var container = document.createElement('div'); 94 | container.className = 'saved-images'; 95 | images.forEach(function (img) { 96 | var imgElement = document.createElement('img'); 97 | imgElement.src = img.data; 98 | imgElement.style.maxWidth = '200px'; 99 | imgElement.style.margin = '10px'; 100 | container.appendChild(imgElement); 101 | }); 102 | var mainElement = document.querySelector('main'); 103 | if (mainElement) { 104 | mainElement.appendChild(container); 105 | } 106 | } 107 | -------------------------------------------------------------------------------- /.github/CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing Guidelines 2 | 3 | This documentation will be your friendly guide towards contributing to this project. Even if you are a beginner, no worries, I got you covered even with basic steps. 4 | 5 | I'm happy to welcome all the contributions from anyone willing to raise new issues or contribute in resolving current issues. Thank you for helping out and remember, 6 | **no contribution is too small.** 7 | 8 |
9 | 10 | # Need Help With The Basics? 11 | 12 | If you're new to Git and GitHub, no worries! Here are some useful resources: 13 | 14 | - [Forking a Repository](https://help.github.com/en/github/getting-started-with-github/fork-a-repo) 15 | - [Cloning a Repository](https://help.github.com/en/desktop/contributing-to-projects/creating-an-issue-or-pull-request) 16 | - [How to Create a Pull Request](https://opensource.com/article/19/7/create-pull-request-github) 17 | - [Getting Started with Git and GitHub](https://towardsdatascience.com/getting-started-with-git-and-github-6fcd0f2d4ac6) 18 | - [Learn GitHub from Scratch](https://docs.github.com/en/get-started/start-your-journey/git-and-github-learning-resources) 19 | 20 |
21 | 22 | # First Pull Request ✨ 23 | 24 | 1. **Star this repository** 25 | Click on the top right corner marked as **Stars** at last. 26 | 27 | 2. **Fork this repository** 28 | Click on the top right corner marked as **Fork** at second last. 29 | 30 | 3. **Clone the forked repository** 31 | 32 | ```bash 33 | git clone https://github.com//FusionVision.git 34 | ``` 35 | 36 | 4. **Navigate to the project directory** 37 | 38 | ```bash 39 | cd FusionVision 40 | ``` 41 | 42 | 5. **Create a new branch** 43 | 44 | ```bash 45 | git checkout -b 46 | ``` 47 | 48 | 6. **To make changes** 49 | 50 | ```bash 51 | git add . 52 | ``` 53 | 54 | 7. **Now to commit** 55 | 56 | ```bash 57 | git commit -m "add comment according to your changes or addition of features inside this" 58 | ``` 59 | 60 | 8. **Push your local commits to the remote repository** 61 | 62 | ```bash 63 | git push -u origin 64 | ``` 65 | 66 | 9. **Create a Pull Request** 67 | 68 | 10. **Congratulations! 🎉 you've made your contribution** 69 | 70 |
71 | 72 | # Alternatively, contribute using GitHub Desktop 🖥️ 73 | 74 | 1. **Open GitHub Desktop:** 75 | Launch GitHub Desktop and log in to your GitHub account if you haven't already. 76 | 77 | 2. **Clone the Repository:** 78 | - If you haven't cloned the project repository yet, you can do so by clicking on the "File" menu and selecting "Clone Repository." 79 | - Choose the project repository from the list of repositories on GitHub and clone it to your local machine. 80 | 81 | 3.**Switch to the Correct Branch:** 82 | - Ensure you are on the branch that you want to submit a pull request for. 83 | - If you need to switch branches, you can do so by clicking on the "Current Branch" dropdown menu and selecting the desired branch. 84 | 85 | 4. **Make Changes:** 86 | - Make your changes to the code or files in the repository using your preferred code editor. 87 | 88 | 5. **Commit Changes:** 89 | - In GitHub Desktop, you'll see a list of the files you've changed. Check the box next to each file you want to include in the commit. 90 | - Enter a summary and description for your changes in the "Summary" and "Description" fields, respectively. Click the "Commit to " button to commit your changes to the local branch. 91 | 92 | 6. **Push Changes to GitHub:** 93 | - After committing your changes, click the "Push origin" button in the top right corner of GitHub Desktop to push your changes to your forked repository on GitHub. 94 | 95 | 7. **Create a Pull Request:** 96 | - Go to the GitHub website and navigate to your fork of the project repository. 97 | - You should see a button to "Compare & pull request" between your fork and the original repository. Click on it. 98 | 99 | 8. **Review and Submit:** 100 | - On the pull request page, review your changes and add any additional information, such as a title and description, that you want to include with your pull request. 101 | - Once you're satisfied, click the "Create pull request" button to submit your pull request. 102 | 103 | 9. **Wait for Review:** 104 | Your pull request will now be available for review by the project maintainers. They may provide feedback or ask for changes before merging your pull request into the main branch of the project repository. 105 | 106 |
-------------------------------------------------------------------------------- /login/signin.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Sign In 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 148 | 153 | 154 |
155 |
156 |
157 |
158 |

Login

159 |
160 | 161 | 162 | 163 |
164 |
165 | 166 | 167 | 168 |
169 |
170 | 171 | Forget Password 172 |
173 | 174 |
175 |

Don't have a account Register

176 |
177 |
178 |
179 |
180 |
181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | -------------------------------------------------------------------------------- /login/signUp.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Sign Up 7 | 11 | 12 | 13 | 14 | 15 | 138 | 139 | 140 | 145 | 146 |
147 |
148 |
149 |
150 |

Sign Up

151 | 152 |
153 | 154 | 155 | 156 |

Name is required

157 |
158 | 159 |
160 | 161 | 162 | 163 |

Invalid email

164 |
165 | 166 |
167 | 173 | 174 | 175 |

Password must be at least 6 characters

176 |
177 | 178 |
179 | 180 | 186 | 187 |

Passwords do not match

188 |
189 | 190 | 191 |
192 |

Already have an account? Sign In

193 |
194 |
195 |
196 |
197 |
198 | 199 | 200 | 201 | 202 | 203 | 204 | -------------------------------------------------------------------------------- /footer_elements/contributor/contributor.css: -------------------------------------------------------------------------------- 1 | /* General Styles */ 2 | * { 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | } 7 | 8 | body { 9 | font-family: Arial, sans-serif; 10 | background: url(FusionVision_BG_blurred.jpg) center/cover no-repeat fixed; 11 | } 12 | 13 | /* Navigation Bar */ 14 | .navbar { 15 | background: rgba(157, 167, 173, 0.9); /* Slightly transparent for a sleek look */ 16 | backdrop-filter: blur(5px); 17 | color: white; 18 | display: flex; 19 | justify-content: space-between; 20 | align-items: center; 21 | padding: 15px 30px; 22 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 23 | } 24 | 25 | 26 | .navbar .logo { 27 | display: flex; 28 | align-items: center; 29 | } 30 | 31 | .logo-icon { 32 | width: 45px; 33 | height: 45px; 34 | margin-right: 12px; 35 | } 36 | 37 | .navbar-title { 38 | font-size: 26px; 39 | font-weight: bold; 40 | text-transform: center; 41 | } 42 | 43 | /* Navigation Links */ 44 | .nav-links { 45 | display: flex; 46 | gap: 15px; 47 | } 48 | 49 | .nav-link { 50 | color: white; 51 | text-decoration: none; 52 | font-size: 16px; 53 | padding: 10px 15px; 54 | background: #3498db; 55 | border-radius: 6px; 56 | transition: 0.3s ease-in-out; 57 | } 58 | 59 | a:-webkit-any-link { 60 | color: rgba(255, 255, 255, 0.87); 61 | cursor: pointer; 62 | text-decoration: none; 63 | font-family: 'Silkscreen'; 64 | } 65 | 66 | 67 | .container { 68 | width: 90%; 69 | margin: 50px auto; 70 | padding: 20px; 71 | text-align: center; 72 | } 73 | 74 | /* Title Styling */ 75 | .title1 { 76 | font-family: 'Silkscreen'; 77 | font-size: 2rem; 78 | color: rgba(255, 255, 255, 0.87); 79 | text-transform: uppercase; 80 | margin-bottom: 30px; 81 | text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); 82 | } 83 | 84 | /* Contributors Grid */ 85 | .contributors-grid { 86 | display: grid; 87 | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 88 | gap: 20px; 89 | margin: 40px auto; 90 | padding: 0 20px; 91 | max-width: 1200px; 92 | } 93 | 94 | /* Contributor Card Styling */ 95 | .contributor-card { 96 | background-image: url(); 97 | padding: 20px; 98 | border-radius: 10px; 99 | box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); 100 | text-align: center; 101 | position: relative; 102 | transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease; 103 | } 104 | 105 | .contributor-card:hover { 106 | transform: scale(1.05); 107 | box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2); 108 | filter: brightness(1.2); 109 | } 110 | 111 | .contributor-card img { 112 | width: 100px; 113 | height: 100px; 114 | border-radius: 50%; 115 | margin-bottom: 10px; 116 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 117 | animation: pulse 1.5s infinite; 118 | } 119 | 120 | .contributor-card h3 { 121 | margin: 10px 0; 122 | font-size: 1.2rem; 123 | color: rgba(255, 255, 255, 0.87); 124 | font-family: 'Micro 5', sans-serif; 125 | } 126 | 127 | .contributor-card p { 128 | font-size: 0.9rem; 129 | color: #ccc; 130 | } 131 | 132 | .contributor-card button { 133 | font-size: 12px; 134 | padding: 8px 12px; 135 | background-color: rgb(32 32 32); 136 | color: #fff; 137 | border: none; 138 | border-radius: 20px; 139 | cursor: pointer; 140 | font-weight: bold; 141 | transition: background-color 0.3s ease; 142 | } 143 | 144 | .contributor-card button:hover { 145 | background-color: rgba(255, 255, 255, 0.2); 146 | } 147 | 148 | /* Pulse Effect Animation */ 149 | @keyframes pulse { 150 | 0% { 151 | transform: scale(1); 152 | opacity: 1; 153 | } 154 | 50% { 155 | transform: scale(1.1); 156 | opacity: 0.8; 157 | } 158 | 100% { 159 | transform: scale(1); 160 | opacity: 1; 161 | } 162 | } 163 | 164 | /* Hover Effects */ 165 | .contributor-card:hover img { 166 | animation: none; /* Stops the pulse effect on hover */ 167 | transform: scale(1.05); 168 | } 169 | 170 | 171 | /* Contributors Section */ 172 | .container { 173 | text-align: center; 174 | padding: 40px 20px; 175 | } 176 | 177 | .title { 178 | font-size: 32px; 179 | color: #141516; 180 | text-transform: uppercase; 181 | margin-bottom: 40px; 182 | } 183 | 184 | .contributors-grid { 185 | display: grid; 186 | grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 187 | gap: 30px; 188 | } 189 | 190 | .contributor-card { 191 | background-color: #fff; 192 | padding: 20px; 193 | border-radius: 10px; 194 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 195 | transition: transform 0.3s ease-in-out; 196 | text-align: center; 197 | } 198 | 199 | .contributor-card:hover { 200 | transform: translateY(-10px); 201 | } 202 | 203 | .contributor-card img { 204 | width: 120px; 205 | height: 120px; 206 | border-radius: 50%; 207 | margin-bottom: 20px; 208 | } 209 | 210 | .contributor-card h3 { 211 | font-size: 20px; 212 | color: #34495e; 213 | } 214 | 215 | .contributor-card p { 216 | font-size: 16px; 217 | color: #7f8c8d; 218 | margin-bottom: 15px; 219 | } 220 | 221 | .contributor-card a { 222 | color: #2980b9; 223 | text-decoration: none; 224 | font-weight: bold; 225 | } 226 | 227 | .contributor-card a:hover { 228 | color: #3498db; 229 | } 230 | 231 | /* Mobile Responsiveness */ 232 | @media (max-width: 768px) { 233 | .navbar { 234 | flex-direction: column; 235 | align-items: flex-start; 236 | } 237 | 238 | .navbar-title { 239 | margin-top: 10px; 240 | } 241 | 242 | .contributor-card { 243 | margin-bottom: 20px; 244 | } 245 | } -------------------------------------------------------------------------------- /server.js: -------------------------------------------------------------------------------- 1 | const express = require("express"); 2 | const mongoose = require("mongoose"); 3 | const bcrypt = require("bcryptjs"); 4 | const jwt = require("jsonwebtoken"); 5 | const multer = require("multer"); 6 | const path = require("path"); 7 | const { body, validationResult } = require("express-validator"); 8 | const helmet = require("helmet"); 9 | const cors = require("cors") 10 | require("dotenv").config(); 11 | const generateToken = require("./utils") 12 | const app = express(); 13 | app.use(cors()) 14 | // Middleware 15 | app.use(express.json()); 16 | app.use(express.static("uploads")); 17 | app.use(helmet()); // Adds security headers 18 | 19 | // Environment Variables 20 | const PORT = process.env.PORT || 5000; 21 | const MONGODB_URI = process.env.MONGODB_URI; 22 | const JWT_SECRET = process.env.JWT_SECRET; 23 | 24 | if (!JWT_SECRET || !MONGODB_URI) { 25 | console.error("Critical environment variables are missing in .env"); 26 | process.exit(1); // Exit if critical env variables are not set 27 | } 28 | 29 | // MongoDB Connection 30 | mongoose 31 | .connect(MONGODB_URI, { 32 | useNewUrlParser: true, 33 | useUnifiedTopology: true, 34 | }) 35 | .then(() => console.log("MongoDB connected successfully.")) 36 | .catch((err) => { 37 | console.error("MongoDB connection error:", err); 38 | process.exit(1); 39 | }); 40 | 41 | // User Schema 42 | const userSchema = new mongoose.Schema({ 43 | name: { type: String, required: true }, 44 | email: { type: String, unique: true, required: true }, 45 | password: { type: String, required: true }, 46 | images: [ 47 | { 48 | filename: String, 49 | uploadedAt: { type: Date, default: Date.now }, 50 | }, 51 | ], 52 | }); 53 | const User = mongoose.model("User", userSchema); 54 | 55 | // Register Route 56 | app.post( 57 | "/register", 58 | [ 59 | body("name").notEmpty().withMessage("Name is required."), 60 | body("email").isEmail().withMessage("Valid email is required."), 61 | body("password") 62 | .isLength({ min: 6 }) 63 | .withMessage("Password must be at least 6 characters."), 64 | ], 65 | async (req, res) => { 66 | const errors = validationResult(req); 67 | if (!errors.isEmpty()) { 68 | return res.status(400).json({ errors: errors.array() }); 69 | } 70 | 71 | const { name, email, password } = req.body; 72 | 73 | try { 74 | const hashedPassword = await bcrypt.hash(password, 10); 75 | const user = new User({ name, email, password: hashedPassword }); 76 | await user.save(); 77 | res.status(201).json({ message: "User registered successfully!" }); 78 | } catch (error) { 79 | if (error.code === 11000) { 80 | res.status(400).json({ message: "Email already registered." }); 81 | } else { 82 | res.status(500).json({ message: "Error registering user.", error: error.message }); 83 | } 84 | } 85 | } 86 | ); 87 | 88 | // Login Route 89 | 90 | app.post( 91 | "/login", 92 | [ 93 | body("email").isEmail().withMessage("Valid email is required."), 94 | body("password").notEmpty().withMessage("Password is required."), 95 | ], 96 | async (req, res) => { 97 | const errors = validationResult(req); 98 | if (!errors.isEmpty()) { 99 | return res.status(400).json({ errors: errors.array() }); 100 | } 101 | 102 | const { email, password } = req.body; 103 | 104 | try { 105 | const user = await User.findOne({ email }); 106 | if (!user) { 107 | return res.status(404).json({ message: "User not found." }); 108 | } 109 | 110 | const isPasswordValid = await bcrypt.compare(password, user.password); 111 | if (!isPasswordValid) { 112 | return res.status(401).json({ message: "Invalid credentials." }); 113 | } 114 | 115 | // Generate token and set it in the cookie 116 | generateToken(user._id, res); 117 | 118 | res.status(200).json({ message: "Login successful!" }); 119 | } catch (error) { 120 | res.status(500).json({ message: "Error logging in.", error: error.message }); 121 | } 122 | } 123 | ); 124 | 125 | 126 | // Upload Middleware with Validation 127 | const storage = multer.diskStorage({ 128 | destination: "uploads/", 129 | filename: (req, file, cb) => { 130 | cb(null, Date.now() + path.extname(file.originalname)); 131 | }, 132 | }); 133 | 134 | const upload = multer({ 135 | storage, 136 | limits: { fileSize: 2 * 1024 * 1024 }, // Limit file size to 2MB 137 | fileFilter: (req, file, cb) => { 138 | const fileTypes = /jpeg|jpg|png/; 139 | const extname = fileTypes.test(path.extname(file.originalname).toLowerCase()); 140 | const mimetype = fileTypes.test(file.mimetype); 141 | 142 | if (extname && mimetype) { 143 | cb(null, true); 144 | } else { 145 | cb(new Error("Only images (jpeg, jpg, png) are allowed.")); 146 | } 147 | }, 148 | }); 149 | 150 | // Save Captured Image 151 | app.post("/upload", upload.single("image"), async (req, res) => { 152 | const token = req.headers.authorization?.split(" ")[1]; 153 | if (!token) return res.status(401).json({ message: "Unauthorized." }); 154 | 155 | try { 156 | const decoded = jwt.verify(token, JWT_SECRET); 157 | const user = await User.findById(decoded.id); 158 | if (!user) return res.status(404).json({ message: "User not found." }); 159 | 160 | user.images.push({ filename: req.file.filename }); 161 | await user.save(); 162 | 163 | res.status(200).json({ message: "Image uploaded successfully!", filename: req.file.filename }); 164 | } catch (error) { 165 | res.status(500).json({ message: "Error uploading image.", error: error.message }); 166 | } 167 | }); 168 | 169 | // Fetch User Images 170 | app.get("/images", async (req, res) => { 171 | const token = req.headers.authorization?.split(" ")[1]; 172 | if (!token) return res.status(401).json({ message: "Unauthorized." }); 173 | 174 | try { 175 | const decoded = jwt.verify(token, JWT_SECRET); 176 | const user = await User.findById(decoded.id); 177 | if (!user) return res.status(404).json({ message: "User not found." }); 178 | 179 | res.status(200).json({ images: user.images }); 180 | } catch (error) { 181 | res.status(500).json({ message: "Error fetching images.", error: error.message }); 182 | } 183 | }); 184 | 185 | // Centralized Error Handler 186 | app.use((err, req, res, next) => { 187 | console.error(err.stack); 188 | res.status(500).json({ message: err.message || "Something went wrong!" }); 189 | }); 190 | 191 | // Start the Server 192 | app.listen(PORT, () => { 193 | console.log(`Server is running on http://localhost:${PORT}`); 194 | }); 195 | -------------------------------------------------------------------------------- /login/auth.js: -------------------------------------------------------------------------------- 1 | // User authentication and storage handling 2 | class Auth { 3 | constructor() { 4 | this.users = JSON.parse(localStorage.getItem('users')) || []; 5 | this.currentUser = JSON.parse(localStorage.getItem('currentUser')) || null; 6 | this.initializeEventListeners(); 7 | } 8 | 9 | initializeEventListeners() { 10 | // Login form submission 11 | document.getElementById('loginForm').addEventListener('submit', (e) => { 12 | e.preventDefault(); 13 | this.handleLogin(); 14 | }); 15 | 16 | // Register form submission 17 | document.getElementById('registerForm').addEventListener('submit', (e) => { 18 | e.preventDefault(); 19 | this.handleRegister(); 20 | }); 21 | 22 | // Password strength checker 23 | document.getElementById('registerPassword').addEventListener('input', (e) => { 24 | this.checkPasswordStrength(e.target.value); 25 | }); 26 | 27 | // Login button click 28 | document.getElementById('loginButton').addEventListener('click', () => { 29 | openModal('loginModal'); 30 | }); 31 | 32 | // Register button click 33 | document.getElementById('registerButton').addEventListener('click', () => { 34 | openModal('registerModal'); 35 | }); 36 | } 37 | 38 | handleLogin() { 39 | const email = document.getElementById('loginEmail').value; 40 | const password = document.getElementById('loginPassword').value; 41 | 42 | const user = this.users.find(u => u.email === email && u.password === password); 43 | 44 | if (user) { 45 | this.currentUser = user; 46 | localStorage.setItem('currentUser', JSON.stringify(user)); 47 | closeModal('loginModal'); 48 | this.updateUIForLoggedInUser(); 49 | showToast('Successfully logged in!', 'success'); 50 | } else { 51 | showToast('Invalid email or password', 'error'); 52 | } 53 | } 54 | 55 | handleRegister() { 56 | const name = document.getElementById('registerName').value; 57 | const email = document.getElementById('registerEmail').value; 58 | const password = document.getElementById('registerPassword').value; 59 | 60 | if (this.users.some(u => u.email === email)) { 61 | showToast('Email already registered', 'error'); 62 | return; 63 | } 64 | 65 | const newUser = { 66 | id: Date.now(), 67 | name, 68 | email, 69 | password, 70 | createdAt: new Date().toISOString() 71 | }; 72 | 73 | this.users.push(newUser); 74 | localStorage.setItem('users', JSON.stringify(this.users)); 75 | 76 | this.currentUser = newUser; 77 | localStorage.setItem('currentUser', JSON.stringify(newUser)); 78 | 79 | closeModal('registerModal'); 80 | this.updateUIForLoggedInUser(); 81 | showToast('Account created successfully!', 'success'); 82 | } 83 | 84 | checkPasswordStrength(password) { 85 | const strengthBar = document.getElementById('passwordStrength'); 86 | const strength = this.calculatePasswordStrength(password); 87 | 88 | strengthBar.style.width = `${strength}%`; 89 | strengthBar.style.backgroundColor = 90 | strength < 33 ? '#ff4444' : 91 | strength < 66 ? '#ffbb33' : '#00C851'; 92 | } 93 | 94 | calculatePasswordStrength(password) { 95 | let strength = 0; 96 | 97 | if (password.length >= 8) strength += 25; 98 | if (password.match(/[A-Z]/)) strength += 25; 99 | if (password.match(/[0-9]/)) strength += 25; 100 | if (password.match(/[^A-Za-z0-9]/)) strength += 25; 101 | 102 | return strength; 103 | } 104 | 105 | updateUIForLoggedInUser() { 106 | const authButtons = document.getElementById('authButtons'); 107 | if (this.currentUser) { 108 | authButtons.innerHTML = ` 109 |
110 |
111 | ${this.currentUser.name} 112 | 113 | 114 | 115 |
116 |
117 | Profile 118 | Settings 119 | Logout 120 |
121 |
122 | `; 123 | } else { 124 | authButtons.innerHTML = ` 125 | 126 | 127 | `; 128 | } 129 | } 130 | 131 | logout() { 132 | this.currentUser = null; 133 | localStorage.removeItem('currentUser'); 134 | location.reload(); 135 | } 136 | } 137 | 138 | // Toast notification system 139 | function showToast(message, type = 'info') { 140 | const toast = document.createElement('div'); 141 | toast.className = `toast toast-${type}`; 142 | toast.textContent = message; 143 | 144 | document.body.appendChild(toast); 145 | 146 | setTimeout(() => { 147 | toast.classList.add('show'); 148 | }, 100); 149 | 150 | setTimeout(() => { 151 | toast.classList.remove('show'); 152 | setTimeout(() => toast.remove(), 300); 153 | }, 3000); 154 | } 155 | 156 | // Modal handling 157 | function openModal(modalId) { 158 | document.getElementById(modalId).style.display = 'flex'; 159 | } 160 | 161 | function closeModal(modalId) { 162 | document.getElementById(modalId).style.display = 'none'; 163 | } 164 | 165 | function switchModal(closeId, openId) { 166 | closeModal(closeId); 167 | openModal(openId); 168 | } 169 | 170 | // Initialize authentication 171 | const auth = new Auth(); 172 | 173 | // Add this function to handle the user menu 174 | function toggleUserMenu() { 175 | const userMenu = document.getElementById('userMenu'); 176 | userMenu.classList.toggle('show'); 177 | } 178 | 179 | // Close user menu when clicking outside 180 | document.addEventListener('click', (e) => { 181 | if (!e.target.closest('.user-menu')) { 182 | const userMenu = document.getElementById('userMenu'); 183 | if (userMenu) { 184 | userMenu.classList.remove('show'); 185 | } 186 | } 187 | }); -------------------------------------------------------------------------------- /footer_elements/privacyp.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Privacy Policy - Fusion Vision 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 | 15 |

Fusion Vision

16 |
17 | 24 |
25 | 26 | 27 |
28 |
29 | 30 |
31 |
32 |

Privacy Policy

33 |

34 | At Fusion Vision, we prioritize your privacy and are committed to protecting your personal data. This Privacy Policy explains how we collect, use, and safeguard your information when you interact with our platform. 35 |

36 |

1. Information We Collect

37 |

We may collect personal data such as your name, email address, and usage details when you use our platform or interact with our services.

38 | 39 |

2. How We Use Your Information

40 |

Your information is used to enhance your experience, improve our services, and communicate important updates.

41 | 42 |

3. Data Security

43 |

We implement advanced security measures to protect your data from unauthorized access, loss, or misuse.

44 | 45 |

4. Your Rights

46 |

You have the right to access, update, or delete your personal information. Contact us for assistance.

47 | 48 |

5. Contact Us

49 |

If you have any questions about this Privacy Policy, please reach out to us at info@fusionvision.com.

50 |
51 |
52 | 53 |
54 |
55 |
56 | Fusion Vision Logo 57 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to provide real-time object recognition and analysis.

58 |
59 | 60 |
61 |

Fusion Vision

62 | 70 |
71 | 72 |
73 |

Learn More

74 | 79 |
80 | 81 | 91 |
92 | 93 |
94 |

© 2025 Fusion Vision. All rights reserved.

95 |
96 |
97 | 98 | 99 | -------------------------------------------------------------------------------- /footer_elements/blog.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Who We Are - FusionVision 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 | 15 |

Fusion Vision

16 |
17 | 24 |
25 | 26 | 27 |
28 |
29 | 30 |
31 |
32 |
33 |

Ensuring Video Content Integrity: How FusionVision is Leading the Way

34 |
35 |

Introduction

36 |

In today’s fast-paced digital world, the authenticity of video content is more critical than ever. With the rise of deepfakes and manipulated media, trust in what we see online is being tested. At FusionVision, we’re on a mission to ensure the integrity of video content and provide solutions that help businesses and individuals verify what they’re watching is real.

37 |
38 |
39 |

The Challenge of Fake Video Content

40 |

Videos are powerful, but their ability to be altered presents a major risk. Fake videos can mislead, spread misinformation, and damage reputations. As video content becomes an essential part of how we communicate, the need for reliable ways to verify authenticity grows. 41 |

42 |
43 |
44 |

FusionVision’s Solution

45 |

At FusionVision, we use advanced AI, machine learning, and blockchain technology to verify the authenticity of videos. Our platform detects manipulation, tracks the origin of footage, and ensures content hasn’t been tampered with — giving users confidence in the videos they view and share.

46 |
47 |
48 |

Why It Matters

49 |

50 | In an era where videos shape opinions and influence decisions, the importance of maintaining trust is paramount. With FusionVision’s technology, we’re making it easier for organizations and individuals to protect themselves from manipulated content and ensure that what they see online is trustworthy. 51 | 52 |

53 |
54 |
55 |

Conclusion

56 |

The future of video content is bright, but only if we prioritize authenticity. At FusionVision, we’re leading the charge to ensure that the digital content we consume is real, transparent, and reliable. Join us in making the digital world a more truthful place. 57 |

58 |
59 |
60 | 63 |
64 |
65 | 66 |
67 |
68 |
69 | Fusion Vision Logo 70 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to p0rovide real-time object recognition and analysis.

71 |
72 | 73 |
74 |

Fusion Vision

75 | 83 |
84 | 85 |
86 |

Learn More

87 | 92 |
93 | 94 | 104 |
105 | 106 |
107 |

© 2025 Fusion Vision. All rights reserved.

108 |
109 |
110 | 111 | -------------------------------------------------------------------------------- /footer_elements/Terms.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Terms of Service- Fusion Vision 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 | 15 |

Fusion Vision

16 |
17 | 24 |
25 | 26 | 27 |
28 |
29 | 30 |
31 |
32 |

Terms of Service

33 |

34 | Welcome to FUSIONVISION. By accessing or using our website, you agree to comply with these Terms of Service. Please read them carefully to understand your rights and responsibilities. 35 |

36 |

1. Acceptance of Terms

37 |

By using this platform, you agree to these Terms and Service. If you do not agree to any part of these terms, please discontinue use of the website.

38 | 39 |

2. Use of the Platform

40 |

We grant you a limited, non-exclusive, and non-transferable license to use our platform for personal, non-commercial purposes. Any unauthorized use of the platform is strictly prohibited.

41 | 42 |

3. Intellectual Property

43 |

All content on FUSIONVISION, including text, images, logos, and designs, is the property of the platform and protected by copyright laws. You may not reproduce, distribute, or create derivative works without prior written consent.

44 | 45 |

4. User Responsibilities

46 |

As a user of this platform, you agree to:

47 |
    48 |
  • Provide accurate and truthful information when registering or submitting content.
    • 49 |
  • Not engage in unlawful, harmful, or disruptive activities on the platform.
    • 50 |
  • Respect the intellectual property rights of the platform and other users.
    • 51 |
52 | 53 | 54 |

5. Limitation of Liability

55 |

FUSIONVISION is not responsible for any indirect, incidental, or consequential damages arising from your use of the platform. All services are provided "as is" without warranties of any kind.

56 | 57 | 58 |

6. Modifications to Terms

59 |

We reserve the right to modify these Terms and Service at any time. Updates will be posted on this page, and continued use of the platform signifies your acceptance of the revised terms.

60 | 61 |

7. Termination

62 |

We reserve the right to suspend or terminate your access to the platform at our sole discretion, without prior notice, for any violation of these Terms.

63 | 64 |

8. Contact Us

65 |

If you have any questions about these Terms and Service, please contact us at info@fusionvision.com.

66 | 67 |

68 |
69 |
70 | 71 |
72 | 73 |
74 |
75 | Fusion Vision Logo 76 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to provide real-time object recognition and analysis.

77 |
78 | 79 |
80 |

Fusion Vision

81 | 89 |
90 | 91 |
92 |

Learn More

93 | 98 |
99 | 100 | 110 |
111 | 112 |
113 |

© 2025 Fusion Vision. All rights reserved.

114 |
115 | 116 |
117 | 118 | 119 | 120 | 121 | -------------------------------------------------------------------------------- /footer_elements/whoweare.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Who We Are - FusionVision 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 | 15 |

Fusion Vision

16 |
17 | 24 |
25 | 26 | 27 |
28 |
29 | 30 |
31 |
32 |
33 |

Who We Are

34 |
35 |

36 | At FusionVision, we are a team of passionate innovators, researchers, and developers dedicated to creating cutting-edge solutions for video content authenticity. In an era dominated by digital media, where information is shared and consumed at lightning speed, the integrity of visual content has become more critical than ever. 37 |

38 |
39 |
40 |

Our Vision

41 |

To build a future where digital media is trustworthy and every piece of video content can be verified for authenticity with precision and ease.

42 |
43 |
44 |

Our Mission

45 |
    46 |
  • To provide accessible and reliable tools for detecting manipulated videos.
    • 47 |
  • To educate the public about the impact of deepfake technology on society.
    • 48 |
  • To collaborate with organizations and governments in the fight against misinformation.
    • 49 |
50 |
51 |
52 |

What Drives Us

53 |
    54 |
  • Innovation: We are driven by the desire to push technological boundaries.
    • 55 |
  • Integrity: Upholding honesty and transparency in everything we do.
    • 56 |
  • Impact: Making a meaningful difference in combating the spread of fake media.
    • 57 |
58 |
59 |
60 |

Meet the Team

61 |

62 | FusionVision is powered by a diverse team of: 63 |

64 |
    65 |
  • Data Scientists and Engineers: Crafting robust AI/ML algorithms to detect deepfakes.
    • 66 |
  • UI/UX Designers: Ensuring a seamless and intuitive experience for our users.
    • 67 |
  • Ethics Advocates: Addressing the social and ethical implications of our technology.
    • 68 |
69 |

70 | Together, we are not just building a tool — we are building trust. 71 |

72 |
73 |
74 |

Why Choose FusionVision?

75 |
    76 |
  • State-of-the-Art AI: Our tools leverage the latest advancements in artificial intelligence to deliver accurate results.
    • 77 |
  • User-Centric Design: Every feature we develop is tailored to meet the needs of our users.
    • 78 |
  • Commitment to Security: Your data and privacy are always our top priority.
    • 79 |
80 |

Join us in shaping a world where authenticity prevails.

81 |
82 |
83 |
84 |
85 | 86 |
87 | 88 |
89 |
90 | Fusion Vision Logo 91 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to provide real-time object recognition and analysis.

92 |
93 | 94 |
95 |

Fusion Vision

96 | 104 |
105 | 106 |
107 |

Learn More

108 | 113 |
114 | 115 | 125 |
126 | 127 |
128 |

© 2025 Fusion Vision. All rights reserved.

129 |
130 | 131 |
132 | 133 | -------------------------------------------------------------------------------- /footer_elements/workwithus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Who We Are - FusionVision 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 | 15 |

Fusion Vision

16 |
17 | 24 |
25 | 26 | 27 |
28 |
29 | 30 |
31 |
32 |
33 |

Work With Us at FusionVision

34 |
35 |

36 | At FusionVision, we're on a mission to revolutionize the way we trust video content. Our team of passionate innovators, researchers, and developers is dedicated to creating groundbreaking solutions that ensure the authenticity of visual media in an era where information travels faster than ever. 37 |

38 |

We believe that the integrity of visual content is essential, and we're building tools to help navigate a world where misinformation and digital manipulation can compromise the truth. 39 |

40 |
41 |
42 |

Why Work With Us? 43 |

44 |

Joining FusionVision means becoming part of a dynamic, forward-thinking team. We are committed to fostering an environment where creativity and innovation thrive. Here's what you can expect when you work with us: 45 |

46 |
    47 |
  • Collaborative Culture:We value the input of every team member and encourage diverse perspectives. Whether you’re working on research, development, or strategy, your voice matters.
    • 48 |
  • Cutting-Edge Technology:Be at the forefront of digital security and video content verification. You’ll work with the latest tools and technologies to shape the future of visual media.
    • 49 |
  • Purpose-Driven Work:At FusionVision, your work has a direct impact on how people consume and trust digital content. We're tackling real-world issues in a rapidly evolving industry.
    • 50 |
  • Career Growth:We believe in investing in our team’s growth and providing opportunities to learn, innovate, and expand your skill set.
    • 51 |
  • Inclusive Environment:Diversity, equity, and inclusion are central to our values. We strive to create a welcoming space where all team members can thrive. 52 |
    • 53 |
54 |
55 |
56 |

Who We’re Looking For

57 |

We’re always on the lookout for talented individuals who are driven by curiosity, creativity, and a desire to make a difference. Whether you're a seasoned professional or just starting your career, if you're passionate about the future of video content authenticity and digital security, we want to hear from you. 58 |

59 |

We are currently looking for:

60 |
    61 |
  • Software Engineers
    • 62 |
  • Data Scientists
    • 63 |
  • Research Analysts
    • 64 |
  • Product Designers
    • 65 |
  • Marketing & Communications Experts
    • 66 |
67 |

If you’re excited about the intersection of technology, media, and trust, and want to join a team that’s shaping the future of digital media, FusionVision could be the place for you. 68 |

69 |
70 |
71 |

Ready to Join Us?

72 |

If you're ready to help us build the future of video content authenticity, we’d love to hear from you! Check out our current job openings below, or reach out to us directly through social media. 73 |

74 |

75 | Together, we can create a more trustworthy digital world. 76 |

77 |
78 | 81 |
82 |
83 | 84 |
85 | 86 |
87 |
88 | Fusion Vision Logo 89 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to provide real-time object recognition and analysis.

90 |
91 | 92 |
93 |

Fusion Vision

94 | 102 |
103 | 104 |
105 |

Learn More

106 | 111 |
112 | 113 | 123 |
124 | 125 |
126 |

© 2025 Fusion Vision. All rights reserved.

127 |
128 | 129 |
130 | 131 | -------------------------------------------------------------------------------- /about/features/features.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Features - Fusion Vision 8 | 9 | 10 | 11 | 87 | 88 | 89 |
90 |
91 | 92 |

Fusion Vision

93 |
94 | 101 |
102 | 103 | 104 |
105 | 106 |
107 | 108 |
109 |
110 |

Platform Features

111 |

Explore the innovative features that make Fusion Vision stand out in object detection and AI-powered solutions.

112 |
113 | 114 |
115 | 116 |
117 |

Real-Time Object Detection

118 |
119 | 120 | 121 |
122 |

Advanced AI Models

123 |
124 | 125 | 126 |
127 |

Multi-Class Detection

128 |
129 | 130 | 131 |
132 |

Customizable Training

133 |
134 | 135 | 136 |
137 |

High Accuracy and Precision

138 |
139 | 140 | 141 |
142 |

Edge Device Support

143 |
144 | 145 | 146 |
147 |

Cloud Integration

148 |
149 |
150 | 151 |
152 |

Tutorial

153 |

Follow the simple steps to get started with Fusion Vision.

154 |
    155 |
  • Step 1: Launch the platform by scanning objects around you.
    • 156 |
  • Step 2: Choose features such as real-time detection or training a custom model.
    • 157 |
  • Step 3: Start analyzing results and exploring object insights.
    • 158 |
159 |

For further assistance, Contact us Help Center.

160 |
161 |
162 | 163 |
164 |
165 |
166 | Fusion Vision Logo 167 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to provide real-time object recognition and analysis.

168 |
169 | 170 |
171 |

Fusion Vision

172 | 180 |
181 | 182 |
183 |

Learn More

184 | 189 |
190 | 191 | 201 |
202 | 203 |
204 |

© 2024 Fusion Vision. All rights reserved.

205 |
206 |
207 | 208 | 235 | 236 | 237 | -------------------------------------------------------------------------------- /about/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | About - Fusion Vision 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 87 | 88 | 106 | 107 |
108 |
109 |
110 |

About Fusion Vision

111 |

112 | Fusion Vision is an advanced object detection platform that leverages 113 | cutting-edge AI technology to provide real-time object recognition and analysis. 114 |

115 |

For instance, combining data from LiDAR and cameras has been shown to improve 3D object detection by leveraging the strengths of both sensor types. 116 |

117 |

Similarly, the fusion of radar and camera data has been explored to improve object detection and tracking, providing robustness in various environmental conditions.

118 | 119 |

Blog Section

120 |
121 |
122 | Fusion Vision Blog Image 123 |

Fusion Vision | Revolutionizing Object Detection

124 |

Discover how Fusion Vision is transforming real-time object detection using AI and sensor fusion techniques.

125 | Read More 126 |
127 |
128 | Fusion Vision Blog Image 129 |

Sensor Fusion in Object Detection

130 |

rn how LiDAR, Radar, and CaLeamera fusion enhance the accuracy of object detection systems.

131 | Read More 132 |
133 |
134 | Fusion Vision Blog Image 135 |

Real-Time AI Vision Systems

136 |

Explore the applications of AI-powered real-time vision systems in autonomous vehicles and security.

137 | Read More 138 |
139 |
140 |
141 |
142 |
143 | 144 |
145 |
146 |
147 | Fusion Vision Logo 148 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to p0rovide real-time object recognition and analysis.

149 |
150 | 151 |
152 |

Fusion Vision

153 | 161 |
162 | 163 |
164 |

Learn More

165 | 170 |
171 | 172 | 182 |
183 | 184 |
185 |

© 2025 Fusion Vision. All rights reserved.

186 |
187 |
188 | 189 | 190 | 218 | -------------------------------------------------------------------------------- /about/contact/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Contact - Fusion Vision 7 | 8 | 9 | 10 | 11 | 12 | 13 | 152 | 153 |
154 |
155 | 156 |

Fusion Vision

157 |
158 | 165 |
166 | 167 | 168 |
169 | 170 |
171 | 172 |
173 |
174 |
175 |
176 |
177 |

Contact Us

178 |

We would love to hear from you!

179 |
180 |
181 | 182 | 190 | 191 | 192 | 200 | 201 | 202 | 210 | 211 | 217 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |
225 | Fusion Vision Logo 226 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to provide real-time object recognition and analysis.

227 |
228 | 229 |
230 |

Fusion Vision

231 | 239 |
240 | 241 |
242 |

Learn More

243 | 248 |
249 | 250 | 260 |
261 | 262 |
263 |

© 2025 Fusion Vision. All rights reserved.

264 |
265 |
266 | 293 | 294 | -------------------------------------------------------------------------------- /about/reviews/reviews.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Fusion Vision - User Reviews 6 | 7 | 8 | 9 | 10 | 11 | 12 | 151 | 152 | 153 |
154 |
155 | 156 |

Fusion Vision

157 |
158 | 166 |
167 | 168 | 169 |
170 | 171 |
172 |
173 |
174 | 175 |
176 |
177 |

User Reviews

178 |
179 |
180 | Jane Doe 181 |

Jane Doe

182 |

"Fusion Vision is life-changing! The voice narration feature is incredibly helpful for navigating the world."

183 |

Rating: ⭐⭐⭐⭐⭐

184 |
185 |
186 | John Smith 187 |

John Smith

188 |

"This platform bridges the gap for visually impaired individuals to connect with others."

189 |

Rating: ⭐⭐⭐⭐⭐

190 |
191 |
192 | Emily Johnson 193 |

Emily Johnson

194 |

"Object detection is so accurate, and the voice descriptions are spot on. Highly recommend!"

195 |

Rating: ⭐⭐⭐⭐⭐

196 |
197 |
198 | Michael Brown 199 |

Michael Brown

200 |

"A fantastic initiative. The social media integration is a brilliant touch."

201 |

Rating: ⭐⭐⭐⭐☆

202 |
203 |
204 |
205 | 206 | 207 |
208 |

Leave a Comment

209 |
210 | 211 | 212 | 213 |
214 |
215 |
216 | 217 |
218 |
219 |
220 | Fusion Vision Logo 221 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to provide real-time object recognition and analysis.

222 |
223 | 224 |
225 |

Fusion Vision

226 | 234 |
235 | 236 |
237 |

Learn More

238 | 243 |
244 | 245 | 255 |
256 | 257 |
258 |

© 2025 Fusion Vision. All rights reserved.

259 |
260 |
261 | 262 | 263 | 264 | 291 | 292 | 293 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Fusion Vision 8 | 9 | 10 | 11 | 12 | 13 | 44 | 45 | 46 |
47 |
48 | 49 |

Fusion Vision

50 |
51 | 58 |
59 | 60 | 61 |
62 | 63 |
64 | 65 |
66 |
67 |

Fusion Vision

68 |

Experience real-time object detection powered by advanced AI technology.

69 |
70 | 76 |
77 |
78 |
79 | 80 | 81 | 82 | 83 | 84 | 107 | 108 | 136 | 137 |
138 | 139 |
140 |
141 | Fusion Vision Logo 142 |

Fusion Vision is an advanced object detection platform that leverages cutting-edge AI technology to provide real-time object recognition and analysis.

143 |
144 | 145 | 146 |
147 |

Fusion Vision

148 | 156 |
157 | 158 |
159 |

Learn More

160 | 165 |
166 | 167 | 177 |
178 | 179 |
180 |

© 2025 Fusion Vision. All rights reserved.

181 |
182 | 183 |
184 | 185 | 240 | 241 | 269 | 270 | 271 | --------------------------------------------------------------------------------