melbesnard85 / overplay-nextjs-test

Build a web app based on NextJS from an existing ReactJS app with updated feature sets.

React Image Compressor

Overview

A simple image compressor built with next.js and node.js. cloned exist project with react and browser-image-compression.

Functionalities

• Compress Image By Reducing Resolution and Size
• Offline Compression
• Upload compressed image automatically to an S3 bucket.

APIs

• Post compressed image link, information about the original image, links to the original image
• Get images by page
• Get individual images by id

Built With

• ReactJS
• React Bootstrap
• Browser Image Compression
• NextJS
• NodeJS

Development

1. Clone the repository and change directory.

git clone https://github.com/melbesnard85/overplay-nextjs-test
cd overplay-nextjs-test

2. Install npm dependencies

npm install

3. Run the app locally.

npm run dev

4. Install backend dependencies.

cd api
npm install

3. Run the backend api locally.

npm run server