Image Upload

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

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

Overview

• 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

• React
• Next.js 13
• 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.

• 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

• Uuid
• Node.js
• Clipboard API

Contact

• LinkedIn: Lazar Stojanović
• GitHub: Coolbylaki