https://github.com/pbesteves/react-avatar-upload
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.
https://github.com/pbesteves/react-avatar-upload
avatar jest reactjs styled-components testing-library-react typescript
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/pbesteves/react-avatar-upload
- Owner: pbesteves
- Created: 2021-02-09T21:22:11.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-02-09T21:45:32.000Z (almost 5 years ago)
- Last Synced: 2025-07-02T01:32:41.301Z (7 months ago)
- Topics: avatar, jest, reactjs, styled-components, testing-library-react, typescript
- Language: TypeScript
- Homepage:
- Size: 266 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React ``
- [React ``](#react-avatarupload-)
- [About](#about)
- [Running the project](#running-the-project)
- [Running the tests](#running-the-tests)
## About
This is a component for uploading images to be used as Avatars in a Web Application built with React.
It 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.
The technologies used in this project, besides React, are [styled-coponents](https://styled-components.com/) and [Typescript](https://www.typescriptlang.org/).
## Running the project
After clonning this repository all you need to do is run the following commands
```bash
yarn install | npm install
```
```bash
yarn start | npm start
```
## Running the tests
To run the tests simply run the following command inside the project directory.
The testing tools used on this project are [Jest](https://jestjs.io/) and [@testing-library/react](https://testing-library.com/docs/react-testing-library/intro/)
```bash
yarn test | npm run test
```