English / 简体中文

ShotMeld

照片管理系统 / Photo Management System

CS183FZ[A] — Critical Skills Project Group Assignment

ShotMeld is a modern photo management system that helps users easily manage and organize their photo collections. The system provides an intuitive user interface and powerful features, making photo management simple and efficient.

• 📸 Photo Upload and Management
• 📷 EXIF Parsing
• 🏷️ Tagging System
• 📚 Album Organization
• 📅 Timeline View
• 🔍 Advanced Search
• 🤖 AI Tagging
• 👥 User Authentication
• 🔒 Secure Storage

• Node.js >= 16.0.0
• npm >= 7.0.0 or yarn >= 1.22.0

1. Clone the repository

git clone https://github.com/ShotMeld/Shotmeld-web.git
cd shotmeld-web

2. Install dependencies

npm install
# or
yarn install

3. Configure environment variables

cp .env.example .env

Edit the .env file to set necessary environment variables.

4. Start development server

npm run dev
# or
yarn dev

5. Build for production

npm run build
# or
yarn build

The project uses the following environment variables (configure in .env file):

• VITE_API_BASE_URL: API server address

shotmeld-web/
├── src/
│   ├── api/          # API interfaces
│   ├── components/   # Components
│   ├── views/        # Pages
│   ├── router/       # Route configuration
│   ├── store/        # State management
│   └── utils/        # Utility functions
├── public/           # Static assets
└── dist/            # Build output