An open API service indexing awesome lists of open source software.

https://github.com/bethanyjep/colour-picker-app

A web-app colour picker to help you create the perfect brand colour that perfectly matches your favourite images.
https://github.com/bethanyjep/colour-picker-app

azure cognitive-services computer-vision flask

Last synced: about 2 months ago
JSON representation

A web-app colour picker to help you create the perfect brand colour that perfectly matches your favourite images.

Awesome Lists containing this project

README

          

# Flask Colour Picker App

A web-app colour picker to help you create the perfect brand colour that perfectly matches your favourite images.

## Screenshots

![App Screenshot](https://github.com/BethanyJep/colour-picker-app/blob/master/assets/screen-1.png?raw=true)
![App Screenshot](https://github.com/BethanyJep/colour-picker-app/blob/master/assets/screen-2.png?raw=true)
![App Screenshot](https://github.com/BethanyJep/colour-picker-app/blob/master/assets/screen-3.png?raw=true)

## Run Locally

Clone the project

```bash
git clone https://github.com/BethanyJep/colour-picker-app.git
```
Install virtual environment

```
python -m venv env
```

Activate virtual environment (Windows)

```
env\Scripts\activate
```

Install requirements
```
pip install -r requirements.txt
```

Run the app (http://127.0.0.1:5000/)
```
flask run
```

## Tech Stack

**Tech:** Flask, HTML/CSS

**CI/CD:** GitHub Actions

**Azure:** Azure Custom Vision Services, Azure Web App

## Badges

[![MIT License](https://img.shields.io/apm/l/atomic-design-ui.svg?)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)
## Further Resources

- [Analyze images with the Computer Vision service - Learn | Microsoft Docs](https://docs.microsoft.com/en-us/learn/modules/analyze-images-computer-vision/)
- [Computer Vision | Microsoft Azure](https://azure.microsoft.com/en-us/services/cognitive-services/computer-vision/#overview)
- [Computer Vision documentation - Quickstarts, Tutorials, API Reference - Azure Cognitive Services | Microsoft Docs](https://docs.microsoft.com/en-us/azure/cognitive-services/computer-vision/)
- [Sample: Explore an image processing app in C# - Azure Cognitive Services | Microsoft Docs](https://docs.microsoft.com/en-us/azure/cognitive-services/computer-vision/tutorials/csharptutorial)