https://github.com/gypsydangerous/imshare

https://github.com/gypsydangerous/imshare

Last synced: 21 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/gypsydangerous/imshare
• Owner: GypsyDangerous
• Created: 2020-11-03T02:55:20.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-06T00:32:49.000Z (about 4 years ago)
• Last Synced: 2024-11-09T21:27:48.055Z (3 months ago)
• Language: JavaScript
• Homepage: imshare.vercel.app
• Size: 245 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Imshare (Image uploader)




   Solution for a challenge from Devchallenges.io.





  


    

      Demo

    

     | 

    

      Solution

    

     | 

    

      Challenge

    

  



## Table of Contents

- [Overview](#overview)

  - [Built With](#built-with)

- [Features](#features)

- [How to use](#how-to-use)

- [Contact](#contact)

- [Acknowledgements](#acknowledgements)

## Overview

![screenshot](https://im-share.herokuapp.com/uploads/images/photo-4b1f36f0eb1b-76576ff34203.png)

This is my solution of the "Image Uploader" challenge from [Dev Challenges](https://devchallenges.io/)

You can see a demo [here](https://image-uploader-c94b5.web.app)

What I learned/Improved:

- Solidified my knowledge with multer for saving images on the backend

- learned about react-dropzone package for drag and drop file uploads

- more practice with express in typescript

### Built With

- [React](https://reactjs.org/)

- [styled-components](https://styled-components.com/)

- [Multer](https://www.npmjs.com/package/multer)

- [Express](https://www.expressjs.com)

- [Typescript](https://www.typescriptlang.org)

## Features

This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/O2iGT9yBd6xZBrOcVirx) was to build an application to complete the given user stories.

## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash

# Clone this repository

$ git clone https://github.com/GypsyDangerous/imshare.git

# Install dependencies

$ npm install

# Run the app

$ npm run dev

```

## Acknowledgements

[Drag and drop file uploads in React](https://www.youtube.com/watch?v=eftyBaoDkNA)

[Image uploads with multer](https://medium.com/@SigniorGratiano/image-uploads-with-multer-f306469ef2)

## Contact

- GitHub [@gypsydangerous](https://{github.com/gypsydangerous})

- Twitter [@snyderling_](https://{twitter.com/snyderling_})