Project App

The tool for people to collaborate on shared ideas. Everyone can create and publish their projects and everyone can engage in cocreation of them. It can be used to better understand each other and synchronize our intentions in order to reach common goals.

This app is intended to be fast, reliable and free. So it's developed only by those who are passionate about the new level of social collaboration. Like social media creates chaos in our heads with their smart feeds with huge amount of ads, the Project App can put structure to our ideas and deeds with a particular project realization model. Structured project info can help people connect, mutually coordinate and collaborate in a new more intense but fun way.

Updated version is published at projects.defucc.me

STACK

• Vue 3
  • Vue router for page routing docs
  • i18n internationalization, now via global yaml files in /locales folder
  • VueUse helpers
    • useTitle() for page title manipulations
  • Volar as a VSCode extenion for highlighting and formatting code in vue SFCs
    • Pug - a template language for shorter html templates
    • Stylus - a preprocessor for more compact CSS code with Stylus Supremacy VSCode extension
      • add these lines to VScode settings.json for shorter css "stylusSupremacy.insertColons": false, "stylusSupremacy.insertSemicolons": false, "stylusSupremacy.insertBraces": false,
    • windicss - Next generation utility-first CSS framework.
• Vite 2 as the fast development environment with modular bundling, with magic plugins by Antfu
  • vite-plugin-pages enables file system based routing (all routes are parsed from file structure under the ./src/pages folder)
  • vite-plugin-components automatically import components from ./src/components done
  • unocss - utility css classes used for icons Icônes VS code extension for fast icons workflow
  • vite-plugin-vue-i18n to improve i18n features in sfcs
  • vite-plugin-pwa for PWA offline experience
  • @rollup/plugin-alias for more flexible imports
• GUN for the reactive p2p graph database
  • with a free peer at Glitch.com
• color-hash to get colors for item UUIDs
• image-compressor to compress images to store them as base64 strings in the db
• markdown-it for Markdown parsing

Features

• Feed columns as the main interface
  • Universal items feeds
    • List sorter in a Web Worker
    • Filter by search
    • Filter feed by ratings
  • Users feeds
• Item edit
  • Basic item creation
  • Title edit
  • editors embedded in the item page entities themselves
• Full rating system
  • [-] global rating sort //needs to be optimized
    • star
    • seen
    • trash
  • 3 types
    • star
    • seen
    • trash
  • User rating pages
    • My Stars
    • My Seen
    • My Trash
• UKT rating
• item page features
  • log
    • log item changes
    • log events
    • Data: Date.now() : "String"
  • qna
  • ukt
  • parent
    • parent in path
    • parent edit -> select
    • actually transfer parent between user's items
  • status
• comments
• User
  • roles
  • page
  • Docs in markdown
• Teams
  • [ ]

Inspiration found

• Notes by Andy Matuschak
• Gun-iris starter page by Marti Malmi

SEA.Certify TBD

item - team - pub - certificate

page: user.is ??? user.is.pub == id.slice(88) || team[user.is.pub]

https://gun.eco/docs/SEA#certify https://gun.eco/docs/SEA.Certify