Skip to content

ImageDock is a one-stop solution to upload images, create albums and get embedded codes.

Notifications You must be signed in to change notification settings

smilegupta/ImageDock

Repository files navigation

Image Dock

Open Source Love Awesome Made With Love

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.

Facebook Instagram LinkedIn Twitter