{"id":29206849,"url":"https://github.com/pbesteves/react-avatar-upload","last_synced_at":"2026-05-04T00:34:33.140Z","repository":{"id":302362023,"uuid":"337539742","full_name":"pbesteves/react-avatar-upload","owner":"pbesteves","description":"This is a React component to allow users to upload avatar images by DnD (Dragging and Dropping) the file in the target area or clicking on it.","archived":false,"fork":false,"pushed_at":"2021-02-09T21:45:32.000Z","size":272,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-06T10:05:59.356Z","etag":null,"topics":["avatar","jest","reactjs","styled-components","testing-library-react","typescript"],"latest_commit_sha":null,"homepage":"","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/pbesteves.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,"zenodo":null}},"created_at":"2021-02-09T21:22:11.000Z","updated_at":"2021-02-09T21:46:12.000Z","dependencies_parsed_at":"2025-07-02T01:42:47.699Z","dependency_job_id":null,"html_url":"https://github.com/pbesteves/react-avatar-upload","commit_stats":null,"previous_names":["pbesteves/react-avatar-upload"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pbesteves/react-avatar-upload","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pbesteves%2Freact-avatar-upload","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pbesteves%2Freact-avatar-upload/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pbesteves%2Freact-avatar-upload/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pbesteves%2Freact-avatar-upload/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pbesteves","download_url":"https://codeload.github.com/pbesteves/react-avatar-upload/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pbesteves%2Freact-avatar-upload/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32590444,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["avatar","jest","reactjs","styled-components","testing-library-react","typescript"],"created_at":"2025-07-02T18:30:15.799Z","updated_at":"2026-05-04T00:34:33.123Z","avatar_url":"https://github.com/pbesteves.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React `\u003cAvatarUpload /\u003e`\n\n- [React `\u003cAvatarUpload /\u003e`](#react-avatarupload-)\n  - [About](#about)\n  - [Running the project](#running-the-project)\n  - [Running the tests](#running-the-tests)\n\n## About\nThis is a component for uploading images to be used as Avatars in a Web Application built with React.\n \nIt allows users to select an image file by DnD (Dragging and Dropping) an image file onto the upload area, or by click on it and selecting a file from the explorer window.\n\nThe technologies used in this project, besides React, are [styled-coponents](https://styled-components.com/) and [Typescript](https://www.typescriptlang.org/).\n\n## Running the project\n\nAfter clonning this repository all you need to do is run the following commands\n\n```bash\nyarn install | npm install\n```\n\n```bash\nyarn start | npm start\n```\n\n## Running the tests\n\nTo run the tests simply run the following command inside the project directory.\n\nThe testing tools used on this project are [Jest](https://jestjs.io/) and [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/)\n\n```bash\nyarn test | npm run test\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpbesteves%2Freact-avatar-upload","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpbesteves%2Freact-avatar-upload","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpbesteves%2Freact-avatar-upload/lists"}