SOLIDATA
frontend

---

---

---

PRESENTATION

part 2b/3 of the TADATA! sofware suite (ApiViz / Solidata_backend / OpenScraper )

Building a public service for managing, consolidating, and sharing data

---

GOALS

• an intuitive UX to manage open data projects ;
• support for multilingual (english, french, spanish to begin with) ;
• allow you to consume data from your own csv/xls files or external APIs ;
• consolidate your data : apply your own datamodel, simplify columns, apply metadatas, ... ;
• share the consolidated datas on API endpoints with the level of openness you decide (opendata, commons, collective, private) ;
• manage all your data and your recipes by projects ;
• be able to manage projects by teams and share data/recipes/datamodels...

---

DEVELOPPERS

Nice to see you around ! For a more complete tour check out :

• our guidelines
• our changelog
• our contribution guide

---

TECHNICAL POINTS

Tech stack

• Language : Javascript... not my cup of tea but still...
• Framework (js) : Vue.js and Nuxt.js... Universal Vue.js Applications
• Framework (styles) : vuetify... Material Design Component Framework
• Requests : Axios module for nuxt... Secure and Easy Axios integration with Nuxt.js.
• Internationalization : i18n module for nuxt... do you speak french, english, spanish, turkish ?
• Encryption : js-encrypt... RSA encryption when critical data is exchanged between back and front

Features :

• intuitive UX
• multilingual : FR, EN, ESP
• login / register
• import a dataset (dataset input) : from a file (csv, , xlsx) or from an external API
• manage / create datamodel templates (schemas) from datamodel fields
• manage / create datamodel fields
• manage / create open data projects : choose a datamodel, add several datasets and associate each with a datamodel, choose the level of open data for each datamodel field,solidify the compiled data with external API, export the compiled data (csv, or API endopoints)
• asymetrical encryption by RSA (password, email, ...) and JWT authentification (access and refresh tokens)

Features TO DO :

• tutorials (videos)
• RGPD compliance
• dataviz of a project (PRJ) - with Chart.js or D3.js
• map of a geolocalized project - with Leaflet

---

WHAT'S NEW ?

• check out our our changelog for more details

---

BUILD SETUP

# install dependencies
npm install # Or yarn install

# serve with hot reload at localhost:3000
npm run dev

# build for dev and launch server
npm run build_dev
npm start_dev

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

# build for preprod and launch server
npm run build_preprod
npm start_preprod

# generate static project
npm run generate
# or
npm run generate_preprod
# or
npm run generate_dev

For detailed explanation on how things work, check out the Nuxt.js and Vuetify.js documentation.

---

BENCHMARK ETL (open source or proprietary)

Download the benchmark as a PDF file

---

DATA MODEL BACKEND

Download the datamodel as a PDF file

---

GLOBAL ARCHITECTURE & COMPONENTS

Download the global architecture schema as a PDF file

---

AUTHORIZATION PROCESS (access & refresh tokens)

Download the schema as a PDF file

---

CREDITS

Solidata's frontend team thanks :

• the SocialConnect project, aka "Carrefour des Innovations Sociales"
• the EIG program by Etalab
• the CGET
• Christophe Ninucci for his help, advices and taste for memes
• the creator and community of Flask RestPlus

Contacts - maintainance :

• Julien Paris, developer (aka JPy on Twitter, or Jpy on Github)

---

SCREENSHOTS (UI/UX)

---

Home page with the side menu

---

Login page

---

Main dashboard

---

Create a new project

---

Edit a project : add datasets, choose a datamodel, choose the visibiilty of each datamodel field for your project...

---

Map each of your project's datasets to your datamodel

---

Overview of all the datamodels shared and created by the community

---

Overview of all the datamodel fields created and shared by the community

---

Preview of a datasets uploaded by an user

---

Edit a datamodel

---

View of all the settings of a datamodel

---

Edit a datamodel field

---

View of all the settings of a datamodel field