DATA PATCH - FRONTEND

Frontend interface for the API server data patch backend. The backend is mainly for CRUD and auth operations, powered by FastAPI framework with a PostgreSQL database.

This frontend is developped as an SPA (client-only) app, so it could be developped and maintained completely appart from the backend.

Features

The current goal is to make it work with the following generic features, so it could be adapted for later purposes :

• Authentication pages & components : login + renew password + middlewares
• Internationalization with i18n
• Workspaces pages & components (current) : list of datasets + meta
• Datasets pages & components
• Tables pages & components
• Schemas pages & components
• Fields pages & components
• Groups pages & components
• Comments pages & components
• Notifications pages & components
• Invitations pages & components
• Chat & collaboration on datasets socketiio & components
• Documentation pages & components

Stack

• Vue.js + Nuxt.js
• Vuetify
• Axios (@nuxt/axios)
• Cookie-universal-nuxt
• i18n
• vuedraggable
• GSAP
• SocketIo || Yjs (not implemented yet)

Installation

# install dependencies
cd frontend
nvm use
npm install

Run app

# serve with hot reload at localhost:5000
cd frontend
nvm use
npm run dev

You should have something like this :

Build setup

# build for production and launch server
npm run build
npm run start

# generate static project
npm run generate

# analyze
npm run analyze

---