Image Manager

Web application for managing and searching images using tags. Users can add, view, edit, and organize images, with intelligent search and multi-selection features.

1 month

Languages: Python

Platforms: Windows

Technologies: Keras, Tensorflow

Roles: Developer

Domains: AI

Description

This project is a web application built with Angular for the front-end and Node.js/Express with MySQL for the back-end. It allows users to search images by tags, edit image details, manage tag collections, and upload new images through an intuitive interface. The front-end uses Angular and Material Design for a reactive and user-friendly interface, with reusable components for tag input and image display. Communication with the server is handled via a REST API that manages image and tag retrieval, creation, and updates.

Key features

  • Tag-based image search with autocomplete
  • On-the-fly tag creation
  • Multi-selection and batch editing of images
  • Detailed image view and editing
  • Tag collection management
  • Drag & drop image upload
  • Responsive interface with reusable Angular components
  • REST API for front-end/back-end communication

Feedback

This project strengthened our skills in Angular and Node.js/Express, especially in asynchronous development (observables, promises, async/await). The front-end/back-end separation and use of a REST API facilitated project organization and modularity. We learned to create reusable components, handle complex events, and implement a reactive user interface. Choosing MySQL allowed us to design an API from scratch, though MongoDB would be preferable for large-scale projects with an ORM. We are satisfied with the result and plan to continue developing the application, including adding automatic tag-association features.