Azure AI Vision Frontend

Overview

This project is a self learning project designed to showcase the capabilities of modern web development using React.js for the frontend.
The primary objective is to develop an intuitive user interface for interacting with Microsoft Azure AI Vision Services.
The backend infrastructure is implemented with Node.js and is seamlessly hosted on Microsoft Azure, ensuring scalability and reliability.

Features

• User interface for Azure AI Vision Services
• Integration with backend services hosted on Azure
• Real-time AI-driven vision analysis

Technologies Used

Frontend

• React.js: JavaScript library for building user interfaces
• @mui/material: Material-UI components
• @emotion/react: CSS-in-JS library for styling
• react-router-dom: Declarative routing for React applications

Backend

• Node.js: JavaScript runtime built on Chrome's V8 JavaScript engine

Development Tools

• webpack: Module bundler
• eslint: Linting utility for JavaScript
• prettier: Code formatter

Installation

To get started with the project, clone the repository and install the dependencies:

git clone https://github.com/Moustafaa91/azure_ai_vision_fe.git
cd azure_ai_vision_fe
npm install

Usage

To start the development server:

npm run start

To build the project for production:

npm run build

Contribution

Contributions are welcome! Please create an issue or submit a pull request.

Acknowledgments

This project is developed as part of a learning initiative and leverages the power of AI-driven vision analysis provided by Microsoft Azure. Thanks to GitHub Copilot and ChatGPT for assisting with coding and development :)

Contact

For any inquiries, please contact Moustafa Attia.