Image Uploader

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

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

Overview

Built With

• React for frontend
• styled-components for styling
• Framer Motion for a tiny bit of animation
• Supabase for database
• Jest and Supertest for some testing

Features

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:

• 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

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/vietan0/dc-image-uploader

# Install dependencies
$ npm i && cd client && npm i

# Run the app
$ npm run dev

Contact

• GitHub @vietan0
• Twitter @vietan00892b