kdurek / devchallenges-image-uploader

Image Uploader

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • User Stories
  • Built With
• Features
• How to use

Overview

In this devchallenge i learned how to upload files and create appriopriate api

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 clipboard

Built With

• React
• Tailwind
• Firebase

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.

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/durashere/devchallenges-image-uploader

# Install dependencies
$ npm install
$ yarn

# Run the app
$ npm run dev
yarn dev

.env.local NEXT_PUBLIC_FIREBASE_API_KEY= NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN= NEXT_PUBLIC_FIREBASE_PROJECT_ID= NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET= NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID= NEXT_PUBLIC_FIREBASE_APP_ID=