🌊 AquaMesh

🌊 AquaMesh is a no-code dashboard creation platform that enables users to build, customize, and manage interactive dashboards through an intuitive drag-and-drop interface.

✨ Key Features

• No-Code Widget Editor: Build custom widgets without programming knowledge
• Rich Component Library: Pre-built UI elements, containers, and visualization tools
• Dynamic Dashboard System: Drag, resize, and position widgets in flexible layouts
• React-based Turborepo Structure: Optimized monorepo for efficient development
• Module Federation Architecture: Load widgets as independent micro-frontends

🎬 Demo

Try AquaMesh on Vercel! Ready to use with zero setup.

🚀 Quickstart

# Clone the repository
git clone https://github.com/CosmeValera/AquaMesh.git

# Install dependencies (just one command for the entire monorepo!)
npm install

# Launch AquaMesh
npm start

That's it! The AquaMesh application and all its components will be up and running.

⚙️ Technology Stack

• React: Frontend framework for building user interfaces
• flexlayout-react: Layout system for resizable and repositionable widgets
• react-tabs: Tab management for multiple dashboard views
• Turborepo: For the monorepo setup
• Testing Suite:
  • Playwright: End-to-end testing framework
  • Vitest: Unit testing framework
  • bashunit: Testing framework for bash scripts

The most rewarding aspect was solving the technical challenges for designing an intuitive way for users to customize widgets while keeping everything working smoothly.

---

📚 Additional Resources

• Check out the TUTORIAL.md for more information and images

🌊 Start creating powerful dashboards with AquaMesh today!