Jrbiltmore / designer_hub

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Alistaire Designer Hub

A comprehensive drag-and-drop designer hub built with Flutter, designed to provide a seamless and interactive user experience. This project incorporates advanced UI components, state management, and CI/CD integration for streamlined development and deployment.

Features

  • Standard Drop-down Menu: A versatile drop-down menu for various options.
  • Color-coded Components: Visually distinct components for better UI clarity.
  • Hidden Sidebar: A sidebar with mouseover transparency for additional tools.
  • Draggable Items: Components that can be dragged and repositioned.
  • Resizable Panels: Panels that can be resized interactively.
  • Animated Buttons: Buttons with engaging animations.
  • Loading Spinners: Indicators for loading states.
  • Progress Bars: Visual representation of progress.
  • Floating Action Button: An interactive floating action button.
  • Dashboard: A central hub for all main features and tools.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

Installation

  1. Clone the repository
    git clone https://github.com/your-username/alistaire_designer_hub.git
  2. Change directory into the project folder
    cd alistaire_designer_hub
  3. Install dependencies
    flutter pub get

Running the App

flutter run

Usage

  • Dropdown Menu: Select options from a drop-down list.
  • Draggable Components: Drag components to rearrange them within the UI.
  • Resizable Panels: Adjust the size of panels by dragging their edges.
  • Hidden Sidebar: Hover over the sidebar to reveal additional options.
  • Animated Buttons: Use buttons with engaging animations to enhance UX.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Your Name - @your-twitter-handle - email@example.com

Project Link: https://github.com/your-username/alistaire_designer_hub

About


Languages

Language:Dart 100.0%