Image Uploader

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

Built With

• React
• Tailwind
• Express

Features

• I can drag and drop an image to upload it
• I can choose to select an image from my folder
• I can see a loader when uploading
• When the image is uploaded, I can see the image and copy it
• I can choose to copy to the clipboard

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

How To Use

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/gitraya/image-uploader.git

# You need to change your env variable in /api/.env.template file to your own

# Go to api directory
$ cd api

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

• Multer: Easily upload files with Node.js and Express
• Cloudinary: Node.js image and video upload
• Express Error Handling

Contact

• GitHub @gitraya