/AIDA-website

AIDA: Advanced Interactive Digital Assistant is a web application that combines real-time facial recognition and a voice assistant using face-api.js and the Web Speech API. This open-source project enables seamless interaction through voice commands and facial recognition, providing a robust platform for innovative AI applications.

Primary LanguageHTML

AIDA: Advanced Interactive Digital Assistant

An Advanced Facial Recognition & Voice Assistant Web Application

Welcome to AIDA! This project was initially developed as part of my assignment for the CPE593 course during my final year in Computer Engineering. However, it's now open source for anyone to explore, use, and build upon. The website combines cutting-edge facial recognition technology with a robust voice assistant, creating a seamless, interactive user experience.

Features

  • Real-Time Facial Recognition: Utilize face-api.js to detect faces, landmarks, expressions, and even estimate age and gender.
  • Voice Commands Integration: Control the application with simple voice commands using Web Speech API.
  • Responsive UI: The interface is designed for optimal performance across devices, with a sleek and intuitive design.
  • Customizable: Easily extend and adapt the features to suit your needs.

Project Overview

This project includes:

  1. A facial recognition system powered by face-api.js, integrated into a web-based interface.
  2. Voice command functionality that allows users to interact with the application using spoken commands.
  3. A comprehensive form pack including sign-up, login, and contact forms, powered by the Tooplate 2136 Kool Form Pack.

Getting Started

Prerequisites

  • Basic knowledge of HTML, CSS, and JavaScript.
  • Familiarity with libraries such as face-api.js and Web Speech API.

Installation

  1. Clone the repository.
  2. Navigate to the project directory and open index.html in your browser.

Usage

  1. Login:

    • Click on the snackbar to navigate to the login page.
    • Note: The project is not connected to a backend authentication service, so you can use any email and password to log in.

  2. Access Features:

    • After logging in, click the slider on the first-screen.html page.
    • This action will take you to the face.html screen, where you can access the voice and facial recognition features.

  3. Start Features:

    • Start the facial recognition feature by clicking the "Start Facial Recognition" button.
    • Activate voice commands by clicking the "Start Voice Command" button.
    • Use the "Stop All Features" button to stop both the facial recognition and voice assistant.

Acknowledgments

  • A special shoutout to the creators of the Tooplate 2136 Kool Form Pack, which provided the stylish and functional forms featured in this project. Their Bootstrap 5 Form Pack Template made the implementation of sign-up, login, and contact forms a breeze.
  • Additionally, I'd like to thank KNOWLEDGE DOCTOR for their amazing tutorial on real-time face landmark detection, expression recognition, and age & gender estimation using JavaScript. You can also check out his GitHub. His tutorial played a crucial role in developing the facial recognition feature in this project.
  • A special thanks to Devistry for teaching me about voice synthesis through his video on 🤖 Build a Javascript Chatbot with speech recognition, and voice synthesis API 🎤🔊. His insights were invaluable for implementing voice commands in this project.

Author

This project was developed by Akemu Edesiri Emmanuel.

Contributing

Contributions are welcome! Feel free to fork the repository, make your changes, and submit a pull request.

License

This project is open-source and available under the MIT License.

AIDA is more than just an academic project—it's a powerful, flexible foundation for innovative applications. Dive in, explore, and make it your own!