Image Dock

Image Dock is a highly scalable, low cost and high performant one stop solution to:

• Upload images and get sharable link
• Generate cover image for blogs
• Creating private albums and getting iframes to add in your website

Project Overview

Application Links

Frontend Code -> https://github.com/smilegupta/ImageDock
Deployed URL -> https://image-dock.smilegupta.tech/
Backend Code -> https://github.com/smilegupta/image-dock-backend
API Docs -> https://image-dock-api.smilegupta.tech/

Tech Stack

Frontned: Reactjs
Additional NPM Libraries

• react-toastify
• react-router-dom
• react-router-bootstrap
• react-password-mask, react-modal
• react-copy-to-clipboard
• react-component-export-image
• react-bootstrap
• axios
• aws-amplify
• @tippyjs/react
  Styling: CSS and BootStrap
  Database: DynamoDB
  Authentication and Authorisation: Cogito and Amplify
  Storing Images: S3
  Compute: AWS Lambda
  Deployment: CI/CD setup using GitHub Actions via Serverless Framework

Architectural Diargram

Overall Functionlity

• Uploading an image (publically) and getting a sharable link.
• A blog cover image generator.
• Ability to make private albums and generating iframe code for external websites.
• User Management (Login, register, sending confirmation link, forgot password and email verification before entering the system)
• Authenticated Routes and 404 error page.

Upcoming Features

• Enhacing the iframe component
• Having a cropping component in place
• Deleting images in collection
• Photo editor
• Enhacing UI
• Selecting and uploading multiple images

Glad to see you here! Show some love by starring this repo.