ACC Application

Web application enabling users to create and facilitate conversations between characters in a visually engaging manner.

Introduction

Welcome to the Artificial Character Creator (ACC), a dynamic platform designed to bring your characters to life through interactive conversations. Whether you're a storyteller, game developer, or simply passionate about character interaction, this application provides an intuitive and creative space to craft engaging dialogues.

Figma Design

The design of ACC focuses on a clean, user-friendly interface. For detailed design elements, please refer to the Figma design.

Features

• Create a Character: Develop unique personas with distinct traits and personalities to enhance your storytelling experience.

• Edit a Character: Fine-tune and modify character details to ensure they evolve alongside your narrative.

• View a Character: Gain a comprehensive overview of your characters, allowing you to manage and visualize your cast effortlessly.

• Create a Room: Establish virtual spaces where characters can engage in meaningful conversations.

• Edit a Room: Customize your virtual environments by adding characters and labels, tailoring the setting to suit your narrative needs.

• Create a Label: Organize and categorize characters and rooms with labels, facilitating efficient management.

• Edit a Label: Modify label details to ensure seamless organization and accessibility within your project.

• Let Two Characters Talk with Each Other: Foster dynamic interactions by orchestrating conversations between characters, adding depth and realism to your storytelling.

Requirements

• Web browser with JavaScript enabled
• Node.js and npm for local development

Getting Started

# Clone the repository
git clone https://github.com/F-Closed-AI/Svelte-Frontend.git

# Change into the project directory
cd Svelte-Frontend

# Install dependencies
npm install

# Start the application
npm run dev

Project Structure

├── /src                  # Source code
│   ├── /lib              # Custom library
│   │   ├── /components   # Reusable Svelte components
│   │   ├── /functions    # Utility functions
│   │   ├── /img          # Image assets
│   │   ├── /schemas      # Data schemas
│   │   ├── /stores       # State management stores
│   │   ├── /types        # Custom TypeScript types
│   │   │   ├── /entities # Entity types
│   │   │   └── /page     # Page-related types
│   ├── /routes            # Application routes
│   ├── app.css            # Global styles
│   ├── app.d.ts           # Global TypeScript types
│   ├── app.html           # HTML entry point
│   └── index.test.ts      # Unit test file
├── /static               # Static assets
├── /tests                # Unit testing files
├── .gitignore            # Git ignore file
├── package.json          # Node.js package file
├── README.md             # Project README
├── svelte.config.js      # SvelteKit configuration
└── tailwind.config.js    # Tailwind CSS configuration

License

This project is licensed under the MIT License.