{"id":15091199,"url":"https://github.com/devramod/art-generator","last_synced_at":"2026-01-04T20:33:03.786Z","repository":{"id":158208567,"uuid":"633894831","full_name":"devramod/art-generator","owner":"devramod","description":"Fullstack Image Generating Application made with MongoDB, Express, React \u0026 Nodejs (MERN)","archived":false,"fork":false,"pushed_at":"2023-04-28T16:44:25.000Z","size":71,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-27T10:29:35.906Z","etag":null,"topics":["cloudinary","css3","expressjs","html5","javascript","mongodb","mongoose","nodejs","open-api","react","react-icons","react-router","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"https://client-kln8.onrender.com","language":"JavaScript","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/devramod.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-04-28T14:25:35.000Z","updated_at":"2023-04-28T15:59:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"3b4bd565-533d-4d51-8be2-e078929d75ef","html_url":"https://github.com/devramod/art-generator","commit_stats":{"total_commits":5,"total_committers":2,"mean_commits":2.5,"dds":0.4,"last_synced_commit":"124009cf571282e3ca9068edf04dd3197f60f1ff"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devramod%2Fart-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devramod%2Fart-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devramod%2Fart-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devramod%2Fart-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devramod","download_url":"https://codeload.github.com/devramod/art-generator/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244945596,"owners_count":20536295,"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":["cloudinary","css3","expressjs","html5","javascript","mongodb","mongoose","nodejs","open-api","react","react-icons","react-router","tailwindcss","vite"],"created_at":"2024-09-25T10:36:25.817Z","updated_at":"2026-01-04T20:33:03.759Z","avatar_url":"https://github.com/devramod.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MERN Stack Image Generating Application\nThis is a web application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack that generates images using OpenAI's GPT-3 API.\n\n## Table of Contents\n- [Features](#features)\n- [Front-end Technologies](#front-end-technologies)\n- [Back-end Technologies](#back-end-technologies)\n- [Installation](#installation)\n- [Setup](#setup)\n- [Run](#run)\n- [Usage](#usage)\n- [Demo](#demo)\n- [Contributing](#contributing)\n\n## Features\n- Users can input a text prompt\n- The application sends the prompt to the OpenAI GPT-3 API\n- The API generates an image based on the prompt\n- The image is store in the database\n- The image is displayed to the user\n- Images can download\n- Images can remove from the gallery\n\n## Front-end Technologies\n- React: front-end library\n- Tailwind CSS: ui development\n- Vite: fast and optimized development\n\n## Back-end Technologies\n- Node.js: javascript runtime\n- Express: back-end framework\n- MongoDB: database\n- Cloudinary: manage images\n- OpenAI API: generate images\n\n## Installation\n1. Clone the repository: `git clone https://github.com/devramod/art-generator.git`\n2. Install dependencies: `npm install`\n\n## Setup\n1. Create a .env file in the client directory with the following variables\n  ```\n  VITE_SERVER_BASE_URL = http://localhost:8080\n  ```\n2. Create a .env file in the server directory with the following variables:\n  ```\n  MONGODB_URL = \"mongodb+srv://ram5sasanga:UNOwafQGgktjSBJm@cluster0.ofprsoi.mongodb.net/?retryWrites=true\u0026w=majority\"\n  OPEN_API_KEY = \"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\"\n  CLOUDINARY_CLOUD_NAME = \"dxktflojc\"\n  CLOUDINARY_API_KEY = \"713374197398355\"\n  CLOUDINARY_API_SECRET = \"z9IEYrBq_fRL6rz2DabiNFKhtNk\"\n  ```\n## Run\n1. Run the server: `npm start`\n2. Run the client: `npm run dev`\n\n## Usage\n1. Click \"Create\" button in the header\n2. Enter a name in the input field\n3. Enter a text prompt or click \"Suprise me\" button in the input field\n4. Click the \"Generate Image\" button\n5. Wait for the image to be generated and displayed\n6. Click \"Sharing with the commiunity\"\n7. Wait for the navigation to homepage\n8. Image display in the gallery\n\n## Demo\n- This application is deployed on Render.\n- Please visit this link: https://client-kln8.onrender.com\n\n## Contributing\nContributions are welcome! To contribute:\n\n1. Fork the repository\n2. Create a new branch for your feature or bug fix\n3. Commit your changes\n4. Push your branch to your fork\n5. Create a pull request\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevramod%2Fart-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevramod%2Fart-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevramod%2Fart-generator/lists"}