Skip to content

Waypoint is a drag-and-drop tool for creating dynamic web forms and managing organizational workflows. Designed for collaboration, it routes forms through approval processes, automates notifications, and keeps teams connected.

License

Notifications You must be signed in to change notification settings

echoEscape/waypoint

Repository files navigation

Waypoint

GitHub Stars GitHub Issues Current Version

Waypoint makes form-building simple, collaborative, and efficient. With an intuitive drag-and-drop interface powered by Angular, it’s designed for teams to create step-by-step forms effortlessly—supporting all major input types like dates, text, numbers, and more. Additionally, it streamlines workflows by allowing form routing, sending notifications, and managing approvals, ensuring forms reach the right people. Perfect for internal departments or cross-team collaboration.

Table of Contents

  1. Features
  2. Installation
  3. Usage
  4. Contributing
  5. Roadmap
  6. License
  7. Contact

Features

  • Drag-and-Drop Interface: Effortlessly design forms, the routes it takes and notification-types using an intuitive drag-and-drop UI.
  • Multi-Step Form Builder: Supports creating step-by-step guided forms for seamless user navigation.
  • Customizable Input Types:
    • Date pickers
    • Radio buttons
    • Text inputs
    • Numeric fields
    • Checkboxes, etc.
  • Preview Mode: Visualize how the form will look and function in real-time.
  • Export/Import:
    • Export forms as JSON or code snippets.
    • Import pre-existing templates for faster form creation.
  • Role-Based Permissions: Allows team members with specific roles to edit, approve, or view forms.

Installation

  1. Clone the repository:
    git clone https://github.com/echoEscape/waypoint.git
    cd waypoint
  2. Install dependencies:
    npm install
  3. Run the application:
    ng serve
  4. Open your browser and navigate to:
    http://localhost:4200
    

Usage

  1. Start the application.
  2. Drag and drop components from the toolbox to the canvas.
  3. Configure component properties (e.g., label text, required fields, etc.).
  4. Preview the form in real-time.
  5. Export the form for review/approvement and live-deployment.

Contributing

Contributions are welcome! To get started:

  1. Fork this repository.
  2. Create a feature branch:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Add feature"
  4. Push to your branch:
    git push origin feature-name
  5. Open a pull request.

Please refer to the CONTRIBUTING.md for more guidelines.


Roadmap

Upcoming Features:

  • Everything mentioned above: This is just a pre-written README for the project. It's nowhere near done.
  • Advanced Form Logic:
    • Conditional fields (show/hide fields based on user input).
    • Validation rules (e.g., regex, length constraints).
  • Theme Support: Customize the appearance of forms with predefined or custom themes.
  • Analytics Dashboard: Track form usage and performance metrics.
  • Mobile App: A companion app for creating and testing forms on mobile devices.

License

This project is licensed under the MIT License. See the LICENSE file for details.


Contact

Developed with ❤️ by echoEscape.
Have questions or suggestions? Reach out via GitHub Issues.

About

Waypoint is a drag-and-drop tool for creating dynamic web forms and managing organizational workflows. Designed for collaboration, it routes forms through approval processes, automates notifications, and keeps teams connected.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published