{"id":22903615,"url":"https://github.com/connorbp/pixel-intelligence","last_synced_at":"2025-09-05T06:34:31.647Z","repository":{"id":264927351,"uuid":"886877684","full_name":"ConnorBP/pixel-intelligence","owner":"ConnorBP","description":"Pixel art editor with generative AI functionality. Comp229 Group Project.","archived":false,"fork":false,"pushed_at":"2025-01-09T17:42:57.000Z","size":6138,"stargazers_count":5,"open_issues_count":23,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-08T19:46:26.681Z","etag":null,"topics":["ai","express","expressjs","full-stack","fullstack","image-processing","react-hooks","react-router","reactjs","serverless","serverless-functions"],"latest_commit_sha":null,"homepage":"https://229-pixelai.netlify.app","language":"JavaScript","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/ConnorBP.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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,"zenodo":null}},"created_at":"2024-11-11T19:11:19.000Z","updated_at":"2025-03-09T01:57:32.000Z","dependencies_parsed_at":"2024-12-11T01:19:04.384Z","dependency_job_id":"88d4b1da-d5aa-4db2-9870-d6bbebbc23a8","html_url":"https://github.com/ConnorBP/pixel-intelligence","commit_stats":null,"previous_names":["connorbp/pixel-intelligence"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ConnorBP/pixel-intelligence","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ConnorBP%2Fpixel-intelligence","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ConnorBP%2Fpixel-intelligence/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ConnorBP%2Fpixel-intelligence/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ConnorBP%2Fpixel-intelligence/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ConnorBP","download_url":"https://codeload.github.com/ConnorBP/pixel-intelligence/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ConnorBP%2Fpixel-intelligence/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273722988,"owners_count":25156300,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-05T02:00:09.113Z","response_time":402,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["ai","express","expressjs","full-stack","fullstack","image-processing","react-hooks","react-router","reactjs","serverless","serverless-functions"],"created_at":"2024-12-14T02:38:02.074Z","updated_at":"2025-09-05T06:34:31.615Z","avatar_url":"https://github.com/ConnorBP.png","language":"JavaScript","readme":"# Pixel Intelligence [![Netlify Status](https://api.netlify.com/api/v1/badges/e2ce0974-8673-4cd8-bc26-cbcb41fe36e6/deploy-status)](https://app.netlify.com/sites/229-pixelai/deploys)\n\n\n\u003e Latest live demo can be viewed on [Netlify](https://229-pixelai.netlify.app)\n\n## Overview\n\nPixel Intelligence is a full-stack pixel art editor application with [generative AI functionality through stablehorde](https://stablehorde.net/), image downscale processing, image export, and a showcase gallery. This project was developed as part of the Comp229 Group Project (Fall 2024).\n\n![picture of the editor page](./docs/this_is_fine.png)\n![picture of the gallery page](./docs/gallery.png)\n![picture of the gallery page with image details overlay](./docs/gallery2.png)\n\n## Features\n\n### Editor\n- Maximum canvas size of 64px by 64px\n- Minimum canvas size of 8px by 8px\n- Resolution selection and adjustment while editing\n- Drawing tools: pencil, eraser, clear, eyedropper, and fill-bucket\n- Color selection with primary/secondary colors\n- Project save/load functionality\n- PNG image export\n- Image import with k-means clustering down-scaling\n- Transparency support\n- Share directly to gallery\n\n### Gallery\n- Paginated image display\n- Image metadata and details view\n- Project file storage\n- Dynamic image rendering from stored data\n- Client-side caching\n- Sort by newest first\n\n### AI Integration\n- Image generation via Horde AI API\n- Optimized for pixel art style output\n- Generation prompt on canvas creation\n\n### Backend\n- Node + Express JS\n- API routes can be run as a traditional Express JS server or as a netlify serverless function\n- Mongo DB for storing gallery listings\n- User sessions for gallery API use JWT (Json Web Tokens)\n\n## Current Implementation Status\n\n### Completed\n- Full-featured pixel art editor\n- Gallery system with pagination\n- Project file save/load\n- Image import/export\n- Dynamic image rendering\n- Client-side caching\n\n### In Progress\n- Additional file format support\n- various [feature requests](./issues)\n\n### Stretch Goals Status\n- ✅ Extended metadata support\n- ✅ Image scaling in editor\n- ❌ Crochet pattern export\n- ❌ URL share codes\n- ❌ Extended color palettes  \n- ❌ Additional file formats\n- ❌ User login system\n- ❌ Undo-redo support\n\n## Why We Made It\n\nThe goal of this project is to provide a comprehensive tool for creating and sharing pixel art. By integrating generative AI, we aim to enhance the creative process and offer unique features that set this editor apart from others.\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v14 or higher)\n- npm (v6 or higher)\n\n### Installation\n\n1. Clone the repository:\n    ```sh\n    git clone https://github.com/ConnorBP/pixel-intelligence.git\n    cd pixel-intelligence\n    ```\n\n2. Install dependencies for the main project:\n    ```sh\n    npm install\n    ```\n\n3. Install dependencies for the frontend:\n    ```sh\n    cd frontend\n    npm install\n    cd ..\n    ```\n\n4. Install dependencies for the backend:\n    ```sh\n    cd backend\n    npm install\n    cd ..\n    ```\n\n5. Set up the environment variables\n    [Variables can be found example.env](./backend/example.env)\n    ```sh\n    cp ./backend/example.env ./backend/.env\n    vim .env\n    ```\n\n### Running the Project\n\nTo start the development server, run:\n```sh\nnpm run dev\n```\n\nThis will concurrently start both the frontend and backend servers.\n\n### Building the Project\n\nTo build the project for production, run:\n```sh\nnpm run build\n```\n\nThis will build the frontend and prepare the backend for deployment.\n\n## Contributing\n\nWe welcome contributions! Please read our [contributing guidelines](CONTRIBUTING.md) for more details.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n## Authors\n\n- ConnorBP\n- sanjeev-cs\n- superYM222\n- Parmilashams\n\n## Acknowledgements\n\nSpecial thanks to our instructors and peers for their support and feedback throughout this project.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconnorbp%2Fpixel-intelligence","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fconnorbp%2Fpixel-intelligence","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconnorbp%2Fpixel-intelligence/lists"}