/acgallery

AC Gallery is a web app for organize photos and albums (with powerful authority control) which built by Modern UI technologies: Angular, Ant Design, TypeScript. This web app is target for Cloud deployment.

Primary LanguageTypeScript

build and test

acgallery

AC Photo Gallery is an open-source web app, which designed to organize your photos via album and provides powerful authority control for sharing.

Live application hosted in AliCloud.

Snapshots

Initial page

Album List Album list (Just showing the public shared album and the thumnail is grey meaning the album requires Access Code)

Photo List Photo List

Scenarios

A web app need make its scope and supported scenario very clearly.

I had documenteed all scenarios supported by AC Photo Gallery via this Wiki page.

Do read it through before reading the codes.

Deployment and Installation

To deploy or install this web app on a server, please read through this Wiki page.

Architectures

Overlook

This web app using traditional three-layer architecutre.

Sequence diagram of reading photos

Squence Dialgram

In case cannot see image above, see diagram via the Link

The web app allows end user uploads the image files to public folder (the private image will be uploaded to Azure Storage account which not implemented in this open-source version yet), and update the records in the database.

The web app also provides the authority control over the album and photos. The identification upon user is hosted on another Azure application ACIdServer.

Relevant API/App

Credits

AC Photo Gallery web app built with following UI technologies:

  • Angular;
  • Ant-Design;
  • TypeScript;
  • ECharts;

Besides, it also using the following server side libaries:

Author

Alva Chien | 钱红俊

A programmer, and a certificated Advanced Photographer.

Contact me:

  1. Via mail: alvachien@163.com. Or,
  2. My Website.

Licence

MIT