TheRplima/image-uploader

Solution for a challenge from Devchallenges.io

Laravel 8 / Dropzone.js 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

Live version

Built With

• Laravel 8
• Dropzone.js
• Bootstrap 5

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

# Clone this repository
$ git clone https://github.com/TheRplima/image-uploader.git

# Install dependencies
$ composer install

# Configure the database connection on .env file
DB_DATABASE=laravel_demo
DB_USERNAME=demo
DB_PASSWORD=demo123456

# Generate key using bellow command
$ php artisan key:generate

# Run the migrations to create the tables
$ php artisan migrate

# Run the comand bellow to start the server
$ php artisan serve

# Go to link localhost:8000

Acknowledgements

• Steps to replicate a design with only HTML and CSS
• Laravel 8
• Marked - a markdown parser

Contact

• Linkedin therplima
• GitHub @TheRplima
• Twitter @rod_lima2505