Skip to content

Latest commit

 

History

History
94 lines (66 loc) · 3 KB

README.md

File metadata and controls

94 lines (66 loc) · 3 KB
Raw

Image Upload

Solution for a challenge from Devchallenges.io.

Table of Contents

Overview

screenshot

  • You can see demo here: https://image-upload-fawn.vercel.app/
  • My experience with this was to learn more about Next.js 13 App directory, and to get more familiar with Next.js overall.
  • I have learned how to use some Firebase features, Next.js 13 new features, App directory and polished a lot more React stuff like context & custom hooks.

Built With

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. You will also need to set up Firebase environment variables in your .env file. From your command line:

# Clone this repository
$ git clone https://github.com/Coolbylaki/Image-Upload.git

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

Contact