{"id":25239590,"url":"https://github.com/wajahat001/proj-react-text2image-","last_synced_at":"2026-04-20T09:34:45.897Z","repository":{"id":268657899,"uuid":"905049552","full_name":"wajahat001/Proj-React-Text2Image-","owner":"wajahat001","description":"This is The React Project that converts text to Images by fetching the API from another site","archived":false,"fork":false,"pushed_at":"2025-02-02T12:00:47.000Z","size":26115,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-22T21:41:59.855Z","etag":null,"topics":["json","mern-project","mern-stack","react","reactjs","server","ui-components"],"latest_commit_sha":null,"homepage":"","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/wajahat001.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":"2024-12-18T04:04:20.000Z","updated_at":"2025-02-02T12:00:51.000Z","dependencies_parsed_at":"2025-02-02T12:37:07.120Z","dependency_job_id":null,"html_url":"https://github.com/wajahat001/Proj-React-Text2Image-","commit_stats":null,"previous_names":["wajahat001/proj-react-text2image-"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wajahat001/Proj-React-Text2Image-","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahat001%2FProj-React-Text2Image-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahat001%2FProj-React-Text2Image-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahat001%2FProj-React-Text2Image-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahat001%2FProj-React-Text2Image-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wajahat001","download_url":"https://codeload.github.com/wajahat001/Proj-React-Text2Image-/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wajahat001%2FProj-React-Text2Image-/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32041629,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"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":["json","mern-project","mern-stack","react","reactjs","server","ui-components"],"created_at":"2025-02-11T18:29:26.504Z","updated_at":"2026-04-20T09:34:45.868Z","avatar_url":"https://github.com/wajahat001.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#Description\n\n##A full-stack web application that converts text into images. The frontend is built using React, and the backend is developed with Express.js, forming a complete MERN (MongoDB, Express, React, Node.js) stack project.\n\nFeatures\n\nConvert text into an image with customizable styles.\n\nUser-friendly interface built with React.\n\nBackend powered by Express.js for handling text processing.\n\nUses MongoDB for storing user-generated content (if applicable).\n\nAPI-based communication between frontend and backend.\n\nTech Stack\n\nFrontend:\n\nReact.js\n\nTailwind CSS (or any other styling framework used)\n\nBackend:\n\nNode.js\n\nExpress.js\n\nMongoDB (if applicable)\n\nInstallation\n\nPrerequisites\n\nEnsure you have the following installed:\n\nNode.js (v14 or later)\n\nMongoDB (if using a database)\n\nGit\n\nClone the Repository\n\ngit clone https://github.com/your-username/text-to-image-converter.git\ncd text-to-image-converter\n\nInstall Dependencies\n\nFrontend\n\ncd client  # Navigate to the frontend directory\nnpm install\n\nBackend\n\ncd server  # Navigate to the backend directory\nnpm install\n\nConfiguration\n\nBackend (Express.js)\n\nCreate a .env file in the server directory and add the following environment variables:\n\nPORT=5000\nMONGO_URI=mongodb://localhost:27017/text-to-image  # Change this if using a cloud database\n\nStart the backend server:\n\nnpm start\n\nFrontend (React.js)\n\nNavigate to the client directory and start the frontend:\n\nnpm start\n\nUsage\n\nOpen your browser and go to http://localhost:3000\n\nEnter your text and convert it into an image.\n\nDownload or save the generated image.\n\nAPI Endpoints\n\nMethod\n\nEndpoint\n\nDescription\n\nPOST\n\n/generate\n\nConverts text into an image and returns the image URL\n\nGET\n\n/history\n\nRetrieves past conversions (if stored in DB)\n\nDeployment\n\nFrontend Deployment\n\nYou can deploy the frontend on Vercel, Netlify, or any static hosting provider:\n\nnpm run build\n\nUpload the build folder to your hosting provider.\n\nBackend Deployment\n\nYou can deploy the backend on platforms like Heroku, Render, or VPS:\n\nnpm start\n\nEnsure MongoDB is accessible in a cloud environment if required.\n\nContributing\n\nFeel free to submit issues or pull requests for improvements.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwajahat001%2Fproj-react-text2image-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwajahat001%2Fproj-react-text2image-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwajahat001%2Fproj-react-text2image-/lists"}