{"id":17682022,"url":"https://github.com/ajay-dhangar/web-image-uploader","last_synced_at":"2025-10-14T12:51:27.203Z","repository":{"id":220622575,"uuid":"752130914","full_name":"ajay-dhangar/web-image-uploader","owner":"ajay-dhangar","description":"A web application for uploading and displaying images with dynamic styling. Built using HTML, EJS, CSS, JavaScript, Node.js, and Express. Includes features like image scaling, animations, and real-time updates.","archived":false,"fork":false,"pushed_at":"2024-02-03T14:28:07.000Z","size":52,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-30T15:52:18.751Z","etag":null,"topics":["backend","dynamic-styling","ejs","file-upload","frontend","image-upload"],"latest_commit_sha":null,"homepage":"https://web-image-uploader.onrender.com/","language":"EJS","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/ajay-dhangar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"Ajay-Dhangar","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2024-02-03T05:36:25.000Z","updated_at":"2024-03-04T04:53:39.000Z","dependencies_parsed_at":"2024-02-03T06:30:42.678Z","dependency_job_id":"3cec95a0-7491-4eb8-8ad5-593d369ec5d9","html_url":"https://github.com/ajay-dhangar/web-image-uploader","commit_stats":null,"previous_names":["ajay-dhangar/web-image-uploader"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ajay-dhangar/web-image-uploader","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fweb-image-uploader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fweb-image-uploader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fweb-image-uploader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fweb-image-uploader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ajay-dhangar","download_url":"https://codeload.github.com/ajay-dhangar/web-image-uploader/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ajay-dhangar%2Fweb-image-uploader/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279018576,"owners_count":26086579,"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-10-14T02:00:06.444Z","response_time":60,"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":["backend","dynamic-styling","ejs","file-upload","frontend","image-upload"],"created_at":"2024-10-24T09:12:44.367Z","updated_at":"2025-10-14T12:51:27.164Z","avatar_url":"https://github.com/ajay-dhangar.png","language":"EJS","funding_links":["https://github.com/sponsors/Ajay-Dhangar"],"categories":[],"sub_categories":[],"readme":"# Web Image Uploader\n\nA web application for uploading and displaying images with dynamic styling. This project is built using HTML, CSS, JavaScript, Node.js, and Express. It includes features like image scaling, animations, and real-time updates.\n\n## Features\n\n- Image upload with dynamic styling\n- Real-time display of uploaded images\n- Responsive design for various devices\n- Animated transitions and transformations\n- Server-side handling of image uploads using Node.js and Express\n- Utilizes Multer for file upload functionality\n\n## Getting Started\n\nhttps://github.com/Ajay-Dhangar/web-image-uploader/assets/99037494/610af4d6-f9e2-4ef3-86ac-1312de3dc7c5\n\n### Prerequisites\n\n- Node.js installed on your machine\n- npm package manager\n\n### Installation\n\n**Forking the Project:** Fork the repository (click the 'Fork' button at the top right of the repository page).\n\n**Clone your fork locally:**\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/your-username/Web-Image-Uploader.git\n   ```\n\n2. Navigate to the project directory:\n   ```bash\n   cd Web-Image-Uploader\n   ```\n\n3. Install dependencies:\n   ```bash\n   npm install\n   ```\n\n4. Run the server:\n   ```bash\n   node server.js\n   ```\n\n   or\n\n   ```bash\n   npm start\n   ```\n\n6. Open your browser and go to http://localhost:3000 to view the application.\n\n## Usage\n\n- Choose an image file using the \"Choose Image\" button.\n- The selected image will be uploaded and dynamically displayed on the web page.\n- Explore the animated transitions and transformations on hover.\n\n## Contributing\n\nContributions are welcome! Please follow the [Contributing Guidelines](CONTRIBUTING.md).\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Acknowledgments\n\n- Special thanks to [Multer](https://www.npmjs.com/package/multer) for simplifying file uploads.\n- Inspiration from various image upload and display projects on GitHub.\n\n## Contact\n\nFor any inquiries, please contact [Ajay Dhangar](https://twitter.com/CodesWithAjay).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajay-dhangar%2Fweb-image-uploader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fajay-dhangar%2Fweb-image-uploader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fajay-dhangar%2Fweb-image-uploader/lists"}