npm

Need private packages and team management tools?Check out npm Orgs. »

@thetrg/tamed

0.1.0 • Public • Published

Tamed

A set of web components to be included in a project. Also provides a base framework to have a working REST api server.

Build Setup

# install dependencies
$ yarn install
 
# serve with hot reload at localhost:3000
$ yarn run dev
 
# build for production and launch server
$ yarn run build
$ yarn start
 
# generate static project
$ yarn run generate

Project Libs

These are libraries that can be used at the start of any project that is using Tamed.

Frameworks

  • @thetrg/tamed
  • nuxt

Ui

  • element-ui
  • mint-ui - A mobile first Ui.
  • vue-spinners - Vue Spinners for indicating async ui actions.
  • page - Used for the frontend router.
  • Ky - An HTTP Request lib for making ajax calls.
  • Ky Universal - Universal (Browser and Server) HTTP Request lib for making ajax calls.
  • FontAwesome for Vue

Development

  • less
  • less-loader
  • VocaJs - String manipulation in Javascript.

Server

  • express
  • JSON Server - JSON Rest API for development
  • webpack-cli
https://www.npmjs.com/package/vue-awesome


@fortawesome/fontawesome-svg-core
@fortawesome/free-solid-svg-icons
@fortawesome/vue-fontawesome

// Dependencies
npm install --save axios cross-env mint-ui page voca vue-awesome vue-spinners loglevel mitt queue reload shortid table window-or-global @thetrg/json-server github:thetrg/json-server kill-port deepmerge cors query-string

// OLD
ky ky-universal
node-fetch

// Dev Dependencies
npm install --save-dev less less-loader nodemon webpack-cli webpack-node-externals

// Create a script
- Too create linked folders for
  - static folders to tamed
  - script for installing dependencies
  - script for installing dev dependencies

Resources

Miscellaneous resources that can help in developing a project.

NuxtJs

Javascript and ES6

Webpack, NodeJs, and NPM

Onsen Ui and Monaca

CLI frameworks

Boilerplates

Git

Rollup

Social Network Frameworks and Libraries

PeerToPeer Libraries and Tools

Learning and Teaching Platforms

Video and Images

  • PeerTube - Peer to peer video sharing.

CSS and LessCSS

REST API

Vue

ReactJs

NextJs

React Ui Component Frameworks

Security

Testing

Misc

Terminal IDE?

Reference

Single Page Site and Apps

Church

Nonprofit

Gaming

Credits

Icons

Icons are coming from the Flaticon site. Please visit them for more details.

Brainstorm

- Arango Dump and Restore of a Database
  - First we need to SSH into the ArangoDB docker container, ref: https://stackoverflow.com/a/30173220
  - Then we navigate to the dir: /var/lib/arangodb3
    - This should have been mounted to an actual directory on the host's computer.
  - dump a database:
    - run a command like: arangodump --output-directory "<the-output-directory>" --server.database some_existing_database
    - NOTE: In secure mode the password will be needed.
    - ref: https://www.arangodb.com/docs/3.3/administration-arangodump.html
  - restore a database:
    - run a command like: arangorestore --input-directory "<the-output-directory>" --server.database some_existing_database
    - NOTE: In secure mode the password will be needed.
    - ref: https://www.arangodb.com/docs/3.3/administration-arangorestore.html

- Server
  - Dev server
    - REST API
    - JSON server middleware
  - Webpack server
    - build vue
    - build react
    - build babel js

  - on server code change
    - build server code
    - restart server

  - Commits
    - Last REST server working
      135684a
      97a9b37
      73a35cd
      8e43dca
      2f8c03f

    - Mixins
      97a9b37


This is what typically makes up a Tamed object.

* /mario (ex: Player, User, Blog)
  * Mario.js - object
    * state, data of object
    * What would normally be extended from or mixed in
    * Contains methods to bind to ui component
    * integrates:
      * api
      * message
      * component
  * MarioApi.js - api, no logic just read write
    * fetch, raw ajax call
    * routing, specified endpoints
  * MarioMsg.js - handle recieved messages
    * logic, validation, data manipulation, and communication
    * 'some action' (ex: 'loading', 'saving', etc)
    * work on data
    * data
    * communiate
  * MarioComponent.js, MarioComponent.vue, MarioComponent
    * visual component (react, vue, ssr html, etc)
    * SomeObject.js, SomeObject.vue,
    * In the future possible component for games?
      * MarioComponent.js - 2d
      * MarioComponent.js - 3d

Keywords

none

install

npm i @thetrg/tamed

Downloadsweekly downloads

3

version

0.1.0

license

MIT

repository

Gitbitbucket

last publish

collaborators

  • avatar
Report a vulnerability