🏗️ Project Kickoff: Architecture & Tech Stack Discussion (Start Here!) #1
Description
👋 Welcome to the CubeOne Web UI Project!
This is a Greenfield Project (starting from scratch). We are building the official Community Edition web interface for the CubeOne OLAP Engine.
Before we write the first line of code, let's agree on the technical foundation. We are looking for a maintainable, modern, and high-performance stack suitable for data-heavy applications (Data Grids & Trees).
🛠️ Proposed Tech Stack
Based on the Product Requirements, here is the maintainer's proposal. We invite community feedback on this!
- Framework: Vue 3 (Composition API)
- Reasoning: It has a gentle learning curve and fits well with the Python ecosystem.
- Build Tool: Vite
- Reasoning: Fast, modern standard.
- UI Component Library: Element Plus (or Ant Design Vue)
- Reasoning: We need a library with powerful Tree and Data Table components out-of-the-box. Element Plus is industry-standard for management dashboards.
- State Management: Pinia
- Reasoning: The standard for Vue 3.
- HTTP Client: Axios
- Router: Vue Router
❓ Open Questions for Contributors
- Framework Choice: Are there strong reasons to prefer React over Vue for this specific use case (Complex Pivot Tables)? If so, which React UI library rivals Element Plus for data density?
- Table Performance: Since we are building an OLAP viewer, the grid might need to render thousands of cells. Should we consider a specialized grid library (like
ag-grid-communityorhandsontable) immediately, or start with standard UI Table components?
🚀 Next Steps: Call for "Founding Contributors"
We need a volunteer to initialize the repository!
The First Task:
- Initialize a standard scaffolding (e.g.,
npm init vue@latest). - Configure ESLint / Prettier.
- Set up the folder structure (e.g.,
src/api,src/components,src/views). - Commit the initial setup.
👉 Want to take this lead? Please comment below "I can set up the scaffold!" and we will assign it to you.
Let's build something amazing! 🟧