https://github.com/scriptedbutton/diagramify
Diagramify is a modern web application for creating and visualizing project management diagrams, specifically Activity on Arrow (AOA) and Activity on Node (AON) diagrams. Built with Next.js and React, it provides an intuitive interface for diagram creation and manipulation.
https://github.com/scriptedbutton/diagramify
aoa arrow-on-arrow diagrams react typescript
Last synced: about 2 months ago
JSON representation
Diagramify is a modern web application for creating and visualizing project management diagrams, specifically Activity on Arrow (AOA) and Activity on Node (AON) diagrams. Built with Next.js and React, it provides an intuitive interface for diagram creation and manipulation.
- Host: GitHub
- URL: https://github.com/scriptedbutton/diagramify
- Owner: ScriptedButton
- License: mit
- Created: 2025-03-07T02:08:19.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-04-17T22:00:56.000Z (about 1 year ago)
- Last Synced: 2025-06-16T11:43:40.548Z (12 months ago)
- Topics: aoa, arrow-on-arrow, diagrams, react, typescript
- Language: TypeScript
- Homepage: https://diagramify-beta.vercel.app
- Size: 529 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Diagramify
Diagramify is a modern web application for creating and visualizing project management diagrams, specifically Activity on Arrow (AOA) and Activity on Node (AON) diagrams. Built with Next.js and React, it provides an intuitive interface for diagram creation and manipulation.
## Features
- Create and edit Activity on Arrow (AOA) diagrams
- Create and edit Activity on Node (AON) diagrams
- Interactive diagram canvas with drag-and-drop functionality
- Modern, responsive UI built with Tailwind CSS
- Real-time diagram updates
- Export capabilities
## Tech Stack
- **Framework**: Next.js 15
- **UI Library**: React 19
- **Styling**: Tailwind CSS
- **Diagram Libraries**:
- ReactFlow
- Dagre
- ELKJS
- **UI Components**: Radix UI
- **Type Safety**: TypeScript
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/ScriptedButton/diagramify.git
cd diagramify
```
2. Install dependencies:
```bash
npm install
# or
yarn install
# or
pnpm install
```
3. Run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the application.
## Development
- `npm run dev` - Start the development server with Turbopack
- `npm run build` - Build the application for production
- `npm run start` - Start the production server
- `npm run lint` - Run ESLint for code linting
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is licensed under the MIT License - see the LICENSE file for details.