This is a repository for a simple yet useful image uploader. It allows users to select an image from their file explorer or drag and drop an image into the designated area. The uploader will then process the image and, if everything goes correctly, provide a link to access it on the internet.
- Dark and Light mode.
- Select an image from the file explorer.
- Drag and drop an image to upload.
- "Uploading" indicator while the image is being processed.
- Pop-up window with the link to the successfully uploaded image.
- Prompt if no image is provided for uploading.
To use this image uploader, simply follow these steps:
- Open the application in your browser or device.
- Click the "Choose a file" button or drag and drop an image into the designated area.
- An "Uploading" indicator will be shown while the image is being processed.
- After a few seconds, if the upload is successful, a pop-up window will appear with the link to access the image on the internet.
- If you try to upload without selecting an image, you will receive a prompt indicating that you need to provide an image.
Home screen
Loading
Pop-up window with the image link
This image uploader is built using the following technologies:
- React
- Next JS 13
- Node JS
- TypeScript
Contributions to this project are welcome! If you want to improve functionality, fix bugs, or add new features, feel free to submit a pull request. Please make sure to follow the project guidelines and clearly explain the changes you wish to make.
This project is licensed under the MIT. Please see the LICENSE
file for more information.
If you have any questions or suggestions about this project, you can contact me via email at [gxlthz@gmail.com] or by visiting my GitHub profile DevKaliper.
Thank you for using this image uploader! I hope it proves helpful and aids you in your projects. Have fun uploading images!