📸 Photo Catalog - Frontend

Description

"Photo Catalog" is an application that allows you to browse, filter, and manage a catalog of photos. The application was built using React with state managed by useState.

Features

  • 🔍 Browse the photo catalog without logging in
  • 🔄 Filter catalog items
  • 🔐 User login using tokens and hashed passwords
  • ✏️ Edit items by logged-in users
  • 🛠️ Full catalog management by administrators
  • 📥 Automatic loading of sample items if all current items are deleted

Installation

  1. Clone the repository:
    git clone https://github.com/mariuszmmm/photo-catalog
  2. Navigate to the project directory:
    cd photo-catalog
  3. Install dependencies:
    npm install
  4. Start the application:
    npm start

Requirements

  • Node.js
  • npm

Demo

The application is available at: https://mariuszmmm.github.io/photo-catalog/

Login Details

  • Administrator
    • login: admin
    • password: admin#
  • Sample user
    • login: user
    • password: user#

Backend Repository

The backend of the application is in a separate repository: https://github.com/mariuszmmm/photo-catalog-backend