{"id":21073870,"url":"https://github.com/aymanabusura/formfillingbot","last_synced_at":"2026-04-07T23:31:22.908Z","repository":{"id":260643533,"uuid":"881933853","full_name":"AymanAbusura/FormFillingBot","owner":"AymanAbusura","description":"This project is a form-filling bot that automates form submissions on specified URLs using a server powered by Puppeteer.","archived":false,"fork":false,"pushed_at":"2024-11-18T13:18:31.000Z","size":7106,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T22:34:13.647Z","etag":null,"topics":["axios","cors","expressjs","nodejs","puppeteer","reactjs"],"latest_commit_sha":null,"homepage":"https://formfillingbot.vercel.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/AymanAbusura.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-11-01T14:23:19.000Z","updated_at":"2024-11-25T18:05:37.000Z","dependencies_parsed_at":"2024-11-01T15:39:34.639Z","dependency_job_id":null,"html_url":"https://github.com/AymanAbusura/FormFillingBot","commit_stats":null,"previous_names":["aymanabusura/formfillingbot"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AymanAbusura%2FFormFillingBot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AymanAbusura%2FFormFillingBot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AymanAbusura%2FFormFillingBot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AymanAbusura%2FFormFillingBot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AymanAbusura","download_url":"https://codeload.github.com/AymanAbusura/FormFillingBot/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243516716,"owners_count":20303502,"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":["axios","cors","expressjs","nodejs","puppeteer","reactjs"],"created_at":"2024-11-19T19:13:29.230Z","updated_at":"2025-12-31T00:25:38.145Z","avatar_url":"https://github.com/AymanAbusura.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Form Filling Bot\n\nThis project is a form-filling bot that automates form submissions on specified URLs using a server powered by Puppeteer. It consists of a frontend (React application) hosted on Vercel and a backend (Express server) hosted on Render.\n\n## Table of Contents\n\n* Features\n* Technologies Used\n* Setup and Installation\n* Deployment\n* Usage\n* Project Structure\n* Troubleshooting\n* License\n\n### Features\n\n* Accepts a URL and Proxy URL for form filling\n* Provides real-time updates on form filling progress via server-sent events\n* Displays progress and logs each step\n\n### Technologies Used\n\n* Frontend: ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB) ![Axios](https://img.shields.io/static/v1?style=for-the-badge\u0026message=Axios\u0026color=5A29E4\u0026logo=Axios\u0026logoColor=FFFFFF\u0026label=)\n* Backend: ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge\u0026logo=node.js\u0026logoColor=white) ![ExpressJS](https://img.shields.io/badge/Express%20js-000000?style=for-the-badge\u0026logo=express\u0026logoColor=white) ![Puppeteer](https://img.shields.io/badge/Puppeteer-000000?style=for-the-badge\u0026logo=Puppeteer\u0026logoColor=white) ![CORS](https://img.shields.io/badge/CORS-000000?style=for-the-badge\u0026logo=CORS\u0026logoColor=white)\n* Hosting: ![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge\u0026logo=vercel\u0026logoColor=white) ![Render](https://img.shields.io/badge/Render-000000?style=for-the-badge\u0026logo=render\u0026logoColor=white)\n\n### Setup and Installation\n\n### Prerequisites\n* Node.js (version 12+)\n* Git\n* Vercel and Render accounts for deployment\n\n### 1. Clone the Repository\n```markdown\ngit clone https://github.com/AymanAbusura/FormFillingBot.git\ncd fill_form\n```\n\n### 2. Install Dependencies\n```markdown\n# Frontend\ncd ./frontend\nnpm install\n\n# Backend\ncd ./backend\nnpm install\n```\n\n### 3. Environment Variables\nSet up environment variables for deployment:\n\n* Backend: In Render, add the environment variable `PORT` (Render assigns this automatically).\n* Frontend: On Vercel, set an environment variable `REACT_APP_BACKEND_URL` with the value of the deployed backend URL.\n\n### 4. Run Locally\nTo test the app locally:\n1. Start the backend server:\n```markdown\ncd ./backend\nnode server.js\n```\n\n2. Start the frontend:\n```markdown\ncd ./frontend\nnpm start\n```\n\nThe frontend should be accessible at `http://localhost:3000`, and the backend should run on `http://localhost:5001`.\n\n### Deployment\n### Frontend (Vercel)\n1. Go to your Vercel dashboard and create a new project.\n2. Select the frontend directory in your repository.\n3. In the Vercel settings, add `REACT_APP_BACKEND_URL` pointing to your Render backend URL.\n4. Deploy the frontend.\n\n### Backend (Render)\n1. Go to your Render dashboard and create a new Web Service.\n2. Select the server directory and set the build command to `npm install` and the start command to `node server.js`.\n3. Deploy the backend and note the deployed URL.\n\n### Connecting Frontend and Backend\nAfter deployment, ensure the frontend has the correct backend URL in the `REACT_APP_BACKEND_URL` environment variable.\n\n### Usage\n1. Visit the frontend URL on Vercel.\n2. Enter the form URL and proxy information.\n3. Click on \"Заполнить Форму\" to start the form-filling bot.\n4. Watch the progress section for real-time updates on form submissions.\n\n### Project Structure\n```markdown\nproject-root/\n├── frontend/               # React frontend\n│   ├── src/\n│   │   ├── App.js          # Main app component\n│   │   ├── App.css         # Styles\n│   │   └── ...\n│   └── public/\n├── server/                 # Node.js backend\n│   ├── server.js           # Express server setup\n│   ├── data.js             # Form data for filling\n│   └── ...\n├── LICENSE                 # Project license\n└── README.md               # Project documentation\n```\n\n### Troubleshooting\n### CORS Issues\nIf you encounter CORS issues, make sure:\n* The backend `CORS` configuration allows requests from your frontend’s Vercel domain.\n* Verify `REACT_APP_BACKEND_URL` in Vercel is correctly set.\n\n### Common Errors\n* `Error: Failed to launch the browser process`: Ensure that Puppeteer is properly installed, or consider using the `puppeteer-core` package with a Chromium installation path.\n* Proxy Configuration Errors: Verify that the proxy information is correctly entered.\n\n### License\nThis project is licensed under the MIT License.# FormFillingBot","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faymanabusura%2Fformfillingbot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faymanabusura%2Fformfillingbot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faymanabusura%2Fformfillingbot/lists"}