lucaswychan/Image-Upload-System

Using React.js and Node.js to implement a image upload system

Image Upload System

Using React.js and Node.js to implement an image upload system.

Perform checking for the images

• Size less than 5 Mb each
• Background needs to be transparent
• Must be in PNG format

Once checking is done, upload the images to MongoDB with parameters 1) _id 2) name 3) array [dimension height, dimension width]

Run Code

1. create file .env in the root directory to store your environment variables by copying the structure below

PORT=

#DB
DB_USER=
DB_PASSWORD=

2. run the commands below

$ npm install
$ cd server
$ node index.js

3. open another terminal and run the commands below

$ cd client
$ npm install
$ cd src
$ node index.js