Next Web ML

Introduction

This repo is frontend part of Next Web ML.

Next Web ML is a website demonstrating and exploring the AI applications built with web technology, providing features like Object Detection, AR effect through WebRTC etc. Built with Next.js, Tensorflow.js and Mediapipe, it leverages modern web technologies with machine learning to deliver a seamless user experience.

Features

• Object Detection with model run in local browser
• Image Segmentation with model run in local browser
• Hand Landmark Detection with model run in local browser
• Rock,Paper,Scissors Hand Gesture Detection with model run in local browser
• Magic Shield AR Effect based on WebRTC with Backend
• Edge Detection based on WebRTC with Backend

Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js and npm installed
• A modern web browser

Installation

To install, follow these steps:

1. Clone the repository:

   git clone https://github.com/satorioh/next_web_ai.git

2. Navigate to the project directory:

   cd next_web_ai 

3. Install the dependencies:

   npm install 

Usage

To run, execute the following command:

npm dev

This will start the development server and open the application in your default web browser.