OWOX Web Application
Overview
Section titled âOverviewâThis is the web interface for OWOX Data Marts - an open-source solution for Data Analysts. This web application provides a user-friendly interface for managing Data Marts.
Technologies Used
Section titled âTechnologies Usedâ- React: v19.1.0 - UI library for building the user interface
- TypeScript: v5.7.3 - For type-safe JavaScript development
- Tailwind CSS: v4.1.8 - For utility-first styling
- Vite: v6.3.5 - For fast development and optimized builds
- Node.js packages: Various dependencies for UI components and development tools
Project Structure
Section titled âProject StructureâThe project follows a monorepo structure using npm workspaces.
Getting Started
Section titled âGetting StartedâPrerequisites
Section titled âPrerequisitesâ- Node.js (latest LTS version recommended)
- npm (comes with Node.js)
Installation
Section titled âInstallationâ-
Clone the repository:
Terminal window git clone https://github.com/OWOX/owox-data-marts.gitcd owox-data-marts -
Install dependencies:
Terminal window npm install
Development
Section titled âDevelopmentâTo start the development server:
# From the root directory to run all workspaces:npm run dev
# Or to run just the web app:cd apps/webnpm run dev
The application will be available at http://localhost:5173
(or another port if 5173 is already in use).
Building for Production
Section titled âBuilding for ProductionâTo create a production build:
# From the root directory:cd apps/webnpm run build
The built files will be in the apps/web/dist
directory.
To preview the production build:
npm run preview
Available Scripts
Section titled âAvailable Scriptsânpm run dev
- Start the development servernpm run build
- Build for productionnpm run lint
- Run ESLintnpm run lint:fix
- Run ESLint with automatic fixesnpm run format
- Format code with Prettiernpm run format:check
- Check code formattingnpm run preview
- Preview the production build
Related Documentation
Section titled âRelated Documentationâ- For information about the overall project, see the main README
- For UI components documentation, check the UI package
Contributing
Section titled âContributingâContributions are welcome! Please see the Contributor guide for details on how to contribute to the project.