{"id":19946261,"url":"https://github.com/stpkkk/image-generator-openai-api","last_synced_at":"2026-05-10T21:34:15.960Z","repository":{"id":115769069,"uuid":"598652247","full_name":"stpkkk/Image-generator-OpenAI-API","owner":"stpkkk","description":"An image generator application that uses OpenAI API is a software tool that generates images based on user input, utilizing OpenAI's deep learning models to learn and generate images according to specified parameters. The application may offer to save or share their generated images.","archived":false,"fork":false,"pushed_at":"2023-05-31T17:11:45.000Z","size":4367,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-12T05:26:58.673Z","etag":null,"topics":["ai","generator","image-generator-using-openai-api"],"latest_commit_sha":null,"homepage":"https://stpkk-image-generator.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stpkkk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2023-02-07T14:47:32.000Z","updated_at":"2023-02-28T13:45:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"280b994d-c557-4082-ba0b-16b980b9fbac","html_url":"https://github.com/stpkkk/Image-generator-OpenAI-API","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stpkkk%2FImage-generator-OpenAI-API","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stpkkk%2FImage-generator-OpenAI-API/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stpkkk%2FImage-generator-OpenAI-API/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stpkkk%2FImage-generator-OpenAI-API/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stpkkk","download_url":"https://codeload.github.com/stpkkk/Image-generator-OpenAI-API/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241374539,"owners_count":19952545,"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","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","generator","image-generator-using-openai-api"],"created_at":"2024-11-13T00:28:59.878Z","updated_at":"2026-05-10T21:34:10.916Z","avatar_url":"https://github.com/stpkkk.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv stl\u003e\u003c/div\u003e\n\u003ch2\u003eDeploy: \n https://stpkk-image-generator.netlify.app\n\u003c/h2\u003e\n\n\n\u003cdetails\u003e\n\u003csummary\u003e\n\n\u003ch2\u003eAbout\u003c/h2\u003e\n\u003c/summary\u003e\n\u003cdiv\u003e\n \u003cp\u003eAn image generator application that uses OpenAI API is a software tool that generates images based on user input, utilizing OpenAI's deep learning models to learn and generate images according to specified parameters. The application may offer to save or share their generated images.\u003c/p\u003e\n \u003cp\u003eThis web application is built using React, utilizes Typescript and Tailwind.This app is built to be efficient and fast, with the ability to change the layout and design depending on the device used. It can be easily navigated and provide an optimal user experience. \u003c/p\u003e\n \u003cp\u003eIt is built with an adaptive design, which means that the layout and functionality of the app automatically adjusts to the user's device. This allows the app to look great and function well on a wide range of devices, including desktops, laptops, tablets, and smartphones.\u003c/p\u003e\n\n\u003ch2\u003eLibraries were used\u003c/h2\u003e\n\u003cp\u003eOn client side:\u003c/p\u003e\n\u003cp\u003eTailwind - a utility-first CSS framework.\u003c/p\u003e\n\u003cp\u003eFile-saver - to saving files on the client-side.\u003c/p\u003e\n\u003cp\u003eReact-toastify - this tool allows to add toast notifications.\u003c/p\u003e\n\u003cp\u003eOn server side:\u003c/p\u003e\n\u003cp\u003eOpenAI API - allows to create images from scratch based on a text prompt.\u003c/p\u003e\n\u003cp\u003eCors - for providing a Connect/Express middleware that can be used to enable CORS with various options.\u003c/p\u003e\n\u003cp\u003eDotenv - loads environment variables from .env file.\u003c/p\u003e\n\u003cp\u003eExpress - dependency injection for Express.\u003c/p\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n\n\u003c/div\u003e\n\n\u003cdiv \u003e\n\u003cp\u003ePrewie:\u003c/p\u003e\n\u003cimg src=\"https://github.com/stpkkk/Image-generator-OpenAI-API/blob/main/preview-image-generator.png\" alt=\"prewie\"\u003e\n\u003c/div\u003e\n\u003cdiv \u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n\u003ch2\u003eHow to start\u003c/h2\u003e\n\u003c/summary\u003e\n\n\u003cp\u003eInstall packages\u003c/p\u003e\n\u003cp\u003ecd client\u003c/p\u003e\n\u003cdiv class=\"snippet-clipboard-content notranslate position-relative overflow-auto\"\u003e\u003cpre class=\"notranslate\"\u003e\u003ccode\u003eyarn install\n\u003c/code\u003e\u003c/pre\u003e\u003cdiv class=\"zeroclipboard-container position-absolute right-0 top-0\"\u003e\n    \u003cclipboard-copy aria-label=\"Copy\" class=\"ClipboardButton btn js-clipboard-copy m-2 p-0 tooltipped-no-delay\" data-copy-feedback=\"Copied!\" data-tooltip-direction=\"w\" value=\"yarn install\" tabindex=\"0\" role=\"button\"\u003e\n      \u003csvg aria-hidden=\"true\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" data-view-component=\"true\" class=\"octicon octicon-copy js-clipboard-copy-icon m-2\"\u003e\n    \u003cpath fill-rule=\"evenodd\" d=\"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z\"\u003e\u003c/path\u003e\u003cpath fill-rule=\"evenodd\" d=\"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z\"\u003e\u003c/path\u003e\n\u003c/svg\u003e\n      \u003csvg aria-hidden=\"true\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" data-view-component=\"true\" class=\"octicon octicon-check js-clipboard-check-icon color-fg-success d-none m-2\"\u003e\n    \u003cpath fill-rule=\"evenodd\" d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"\u003e\u003c/path\u003e\n\u003c/svg\u003e\n    \u003c/clipboard-copy\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n\u003cp\u003eStart project\u003c/p\u003e\n\u003cdiv class=\"snippet-clipboard-content notranslate position-relative overflow-auto\"\u003e\u003cpre class=\"notranslate\"\u003e\u003ccode\u003eyarn dev \n\u003c/code\u003e\u003c/pre\u003e\u003cdiv class=\"zeroclipboard-container position-absolute right-0 top-0\"\u003e\n    \u003cclipboard-copy aria-label=\"Copy\" class=\"ClipboardButton btn js-clipboard-copy m-2 p-0 tooltipped-no-delay\" data-copy-feedback=\"Copied!\" data-tooltip-direction=\"w\" value=\"yarn dev\" tabindex=\"0\" role=\"button\"\u003e\n      \u003csvg aria-hidden=\"true\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" data-view-component=\"true\" class=\"octicon octicon-copy js-clipboard-copy-icon m-2\"\u003e\n    \u003cpath fill-rule=\"evenodd\" d=\"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z\"\u003e\u003c/path\u003e\u003cpath fill-rule=\"evenodd\" d=\"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z\"\u003e\u003c/path\u003e\n\u003c/svg\u003e\n      \u003csvg aria-hidden=\"true\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" data-view-component=\"true\" class=\"octicon octicon-check js-clipboard-check-icon color-fg-success d-none m-2\"\u003e\n    \u003cpath fill-rule=\"evenodd\" d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"\u003e\u003c/path\u003e\n\u003c/svg\u003e\n    \u003c/clipboard-copy\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n\n\u003c/div\u003e\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstpkkk%2Fimage-generator-openai-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstpkkk%2Fimage-generator-openai-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstpkkk%2Fimage-generator-openai-api/lists"}