https://github.com/bothbosu/dreamlab-frontend

Backend service for Dream Lab — built with Spring Boot, it powers AI image generation, user management, gallery storage, and secure S3 integration.
https://github.com/bothbosu/dreamlab-frontend

ai-art aws-s3 image-generation java jwt-authentication mysql rest-api spring-boot

Last synced: 2 months ago
JSON representation

Backend service for Dream Lab — built with Spring Boot, it powers AI image generation, user management, gallery storage, and secure S3 integration.

• Host: GitHub
• URL: https://github.com/bothbosu/dreamlab-frontend
• Owner: BothBosu
• Created: 2025-04-06T13:47:46.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-18T13:44:27.000Z (about 1 year ago)
• Last Synced: 2025-05-18T14:35:39.829Z (about 1 year ago)
• Topics: ai-art, aws-s3, image-generation, java, jwt-authentication, mysql, rest-api, spring-boot
• Language: Vue
• Homepage:
• Size: 4.66 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Dream Lab — Frontend

Dream Lab is a community-driven AI image generation platform. This frontend repo is built with Vue and TypeScript, offering a smooth and interactive interface for users to create and share AI-generated images.

![0406](https://github.com/user-attachments/assets/0b12eb6d-07c5-48cf-85dc-5c9c7a9d237d)

![dl demo](https://github.com/user-attachments/assets/4db79fe3-011f-4199-aea9-858385319182)

## 🚀 Features

- 🧠 **AI Image Generation**

  - Prompt-based image generation

  - Style customization (Photorealistic, Oil Painting, Anime, etc.)

  - Aspect ratio selection

- 🖼 **Image Management**

  - Personal dashboard to manage your creations

  - Image download functionality

  - Uploads stored securely with metadata

- 🫂 **Community Gallery**

  - Public gallery for discovering AI art

  - Like feature to show appreciation

  - Share creations with the world

- 👤 **User Management**

  - Registration, login, and secure authentication

  - Password changing

  - Profile picture selection

## 🔧 Tech Stack

- ⚙️ Framework: Vue.js 3

- 💬 Language: TypeScript

- 🧠 State Management: Pinia

- 🌐 Styling: CSS3 

## 📁 Folder Structure

```bash

src/

├── assets/        # Static assets like images or icons

├── components/    # Reusable Vue components

├── router/        # Vue Router config

├── stores/        # Pinia stores for global state

├── types/         # TypeScript type definitions

├── views/         # Route-based Vue pages

├── App.vue        # Main Vue app wrapper

└── main.ts        # App entry point

```

## 🧑‍💻 Developer Contributions

- **Pitipat**: Project management, landing page, login & register page, deployment

- **Pawin**: Image generation page, user management system

- **Szuchihsu**: Gallery, dashboard, AWS S3 integration

## 🔗 Backend

Connects to [dreamlab-backend](https://github.com/BothBosu/dreamlab-backend) for authentication, image services, and gallery APIs.

## 🛠 Project Setup

```bash

npm install

npm run dev

```

### Compile and Minify for Production

```bash

npm run build

```