Solution for a challenge from Devchallenges.io.
This application allows users to upload an image via dragging or using the file input. The image is uploaded on the Cloudinary platform which will provide a link that can be saved/copied. This project is built with TypeScript and React and uses a mobile-first approach to styling.
Challenge: Create an Image Uploader application. Fulfill user stories below:
- User story: I can drag and drop an image to upload it.
- User story: I can choose to select an image from my folder.
- User story: I can see a loader when uploading.
- User story: When the image is uploaded, I can see the image and copy it.
- User story: I can choose to copy to the clipboard .
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/farouqdaif1/image-uploader.git
# Install dependencies
$ npm install
# Run the app
$ npm run dev- LinkedIn farouqdaif
- GitHub @farouqdaif1
- Twitter @DaifFarouq