{"id":21146233,"url":"https://github.com/feliperdamaceno/color-extractor","last_synced_at":"2026-05-02T20:40:07.524Z","repository":{"id":218271107,"uuid":"745930511","full_name":"feliperdamaceno/color-extractor","owner":"feliperdamaceno","description":"A Color Extractor app built with Vue for the UI and FastAPI as the backend color API.","archived":false,"fork":false,"pushed_at":"2024-10-24T23:27:50.000Z","size":2489,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-19T19:07:57.419Z","etag":null,"topics":["fastapi","python","vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/feliperdamaceno.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-20T15:28:08.000Z","updated_at":"2024-10-24T23:27:54.000Z","dependencies_parsed_at":"2024-01-28T00:51:34.868Z","dependency_job_id":"8af82d7d-872b-4638-aa25-773d5bb05e0b","html_url":"https://github.com/feliperdamaceno/color-extractor","commit_stats":null,"previous_names":["feliperdamaceno/color-extractor"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/feliperdamaceno/color-extractor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feliperdamaceno%2Fcolor-extractor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feliperdamaceno%2Fcolor-extractor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feliperdamaceno%2Fcolor-extractor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feliperdamaceno%2Fcolor-extractor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/feliperdamaceno","download_url":"https://codeload.github.com/feliperdamaceno/color-extractor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/feliperdamaceno%2Fcolor-extractor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32549386,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-02T19:18:06.202Z","status":"ssl_error","status_checked_at":"2026-05-02T19:16:21.335Z","response_time":132,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["fastapi","python","vuejs"],"created_at":"2024-11-20T08:51:56.115Z","updated_at":"2026-05-02T20:40:02.504Z","avatar_url":"https://github.com/feliperdamaceno.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Color Extractor\n\n![project-showcase](project-showcase/project-showcase.gif)\n\nThis project is a study case of FastAPI, demonstrating the creation of a simple color extractor API. The API utilizes the `colorgram.py` package to extract colors from an image sent via POST request from the client. Upon calling the API, the result is a list of 5 Python dictionaries, each containing the RGB values of the extracted colors.\n\n## Features\n\n- Extracts colors from an image using the FastAPI framework.\n- Utilizes the `colorgram.py` package for color extraction.\n- Provides a simple UI for uploading images and sending them to the server via POST requests.\n- Displays a loading spinner during image processing on the server.\n- Presents the extracted colors to the user using 5 color pickers in the UI.\n\n## API Endpoints\n\n- POST /api/extract/rgb: Accepts an image file (JPG, JPEG, PNG) as input and returns a JSON response containing the extracted colors in RGB format.\n\n## Client-Side\n\nThe UI allows users to:\n\n- Upload an image to the server for color extraction.\n- Display a loading spinner while the server processes the image.\n- Receive the extracted colors displayed as 5 color pickers in the UI.\n\n## Getting Started\n\n1. Clone the repository.\n2. Set up the environment variables in a **.env** file.\n3. Run `python scripts/build.py` to build your static files.\n4. Start the server with `python scripts/serve.py`.\n\n\\* If you're on windows, use `python3` instead of `python` on your CLI to execute the commands.\n\n## Environment Variables\n\nEnsure the following variables are set on your development environment:\n\n**VITE_API_URL**: API URL from your local python server.\n\n## Licence\n\nThis is an open-source project and is available under the [**MIT License**](LICENSE.txt). You are free to use, modify, and distribute the code in accordance with the terms of the license.\n\n## Contributors\n\nContributions are highly appreciated! If you encounter any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.\n\n[feliperdamaceno](https://github.com/feliperdamaceno)\n\n## Contact me\n\nLinkedin: [feliperdamaceno](https://www.linkedin.com/in/feliperdamaceno)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffeliperdamaceno%2Fcolor-extractor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffeliperdamaceno%2Fcolor-extractor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffeliperdamaceno%2Fcolor-extractor/lists"}