Giter Club home page Giter Club logo

brave's Introduction

[Beta] Aurabox Playground

All Contributors

Aurabox Playground (monorepo) where lies all latest tooling and frameworks to build digital products

๐Ÿ“‹ Minimum Requirements

Are you on linux, mac or wsl? Have your heard of asdf? Google it...

If you find it good, so, do you will for direnv

Thank us later. ๐Ÿ‘

๐Ÿš€ Getting Started

# install dependencies
yarn install

# start dev
yarn develop

# watch for tests
yarn test:watch

Additional step for strapi apps

  1. generate a UUID v4 https://www.uuidgenerator.net/version4

  2. past into strapi/package.json like this

"strapi": {
  "uuid": "PAST_YOUR_UUID_HERE"
},

๐Ÿ“– Understanding

Firstly, let's have look over the folders structure so you understand and get more confident to work with.

/apps           <--- Some app samples
  /expo         <--- React Native Expo
  /appflutter   <--- Flutter app, run your own
  /neutron      <--- React SPA with duck pattern (redux, saga)
  /nextjs       <--- NextJS (SSR) for SEO friendly apps/websites
  /nestjs       <--- NEST (not Next) for API (recommended)
  /strapi       <--- Strapi for APIs with builtin backoffice

  ############# OVER CONSIDERATIONS #############
  /netcore   <--- NetCore API (if you want too)
  /spring    <--- SpringBoot (why not? that's democracy)

/pkgs        <--- Shared libraries
  /ds        <--- Design System (all sharable components)

  ############# OVER CONSIDERATIONS #############
  /core      <--- Frontend (axios, redux - ducks, saga)
  /utils     <--- Frontend (data manipulation, parsers, etc)

If you don't find some, maybe it was recently removed (even no one minded to remove from here still), or maybe it didn't even was added, but its on the way to be added.

Please let us remind you to take a look over the project yourself before playing with it, see how are files are structured, which apps and packages are available by now -- no need to be outdated with docs showing it (:

Just keep in mind that we recommend you to set your common packages (used by apps) on /pkgs

โš™๏ธ Configure

Then now its time to setup your needs, choose which apps will your use.

When you are ready, add them to package.workspaces so yarn can install in use workspaces only dependencies.

There is 2 ways to achieve it.

FIRST WAY (Recommended for wannabe real projects)

Easy one, remove what you don't need from /apps and /pkgs.

Then, set those dirs with wildcard on package.json.

// packages.json
...
"workspaces": [
   "apps/*",
   "pkgs/*",
]
...

or you may go with the second...

SECOND WAY (Recommended if just playing)

No need to remove nothing, just add strict used workspaces.

// packages.json
...
"workspaces": [
   "apps/app1",
   "apps/app2",
   "apps/app3",
   "pkgs/pkg1",
   "pkgs/pkg2",
]
...

Both ways you going to install only needed third party dependencies.

You can now duplicate an app or pkg to fit your needs, rename its directory and package.name and update your root scripts.

๐Ÿ› TROUBLESHOOTING

If you change something after first install, maybe workspaces did make a mess with dependencies and you get some failure running package scripts, specially if you running React Native app.

TO FIX IT - So, you may:

Remove npm packages

# on linux, mac, wsl
rm -rf node_modules

# old friend windows
rmdir node_modules /s /q

๐Ÿ Roadmap

Urgent

  • move local husky, formatter and linters (neutron)

Apps

  • set expo, neutron, next typescript enabled
  • add common used scripts to needed

Pkgs

  • build the react designsystem with post

DX - Developer Experience

  • set resolutions on root package to solve dependencies
  • eslint for linting
  • prettier for formatting (watch for eslint colision)
  • husky for DX (a step for lint and prettier in commiting)
  • .vscode files
  • create docker-compose
  • improve readme documentation - docker, etc

Test

  • set test tooling for project

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


Diego Lameira

๐Ÿ’ป ๐ŸŽจ ๐Ÿค”

This project follows the all-contributors specification. Contributions of any kind welcome!

brave's People

Contributors

diegolameira avatar allcontributors[bot] avatar

Watchers

James Cloos avatar

brave's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.