/box

Project i've built in the past

Primary LanguageTypeScript

Pandora Apps

This monorepo contains projects that i've build in the past. 😁

Using this monorepo

This monorepo created with Turborepo.

Create new app or package

Run the following command:

yarn turbo gen workspace

What's inside?

This Turborepo includes the following packages/apps:

Apps and Packages

  • web: another Next.js app
  • fancy-todo-client: Fancy Todo, an SPA built with jQuery, Bootstrap css & TypeScript (see)
  • fancy-todo-server: Fancy Todo, an API Server built with Express, Sequelize, Postgres & TypeScript (see)
  • kanban-server: Kanban Server, an API Server built with Express, Sequelize, Postgres & TypeScript (see)
  • kanban-client: Kanban Client, an SPA built with Vue 2 & Bootstrap css (see)
  • e-commerce-server: E-Commerce Server, an API Server built with Express, Sequelize, Postgres & TypeScript (see)
  • e-commerce-client-admin: E-Commerce Admin, an SPA built with Vue 2 & Bootstrap Material Design (see)
  • e-commerce-client-customer: E-Commerce Customer, an SPA built with Vue 2 & Buefy (see)
  • Q: Q is an SPA built with React, Bulma css, PWA & Firebase Cloud Messaging to manage queue with an API Server built with Express, Sequelize, Postgres (see)
  • @repo/ui: a stub React component library shared by both web and docs applications
  • @repo/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
  • @repo/typescript-config: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Develop

To develop all apps and packages, run the following command:

yarn dev

To develop fancy-todo app, run the following command:

yarn dev:fancy-todo

To develop kanban app, run the following command:

yarn dev:kanban

To develop e-commerce app, run the following command:

yarn dev:ecommerce

Build

TODO

Publish to Glitch

Create a ZIP file of the files or folders you want
Upload it to the assets folder in your project, click it and click Copy Url
Navigate to Settings > Advance Options > Open Console in your project or click Terminal on bottom bar

In the console, first we want to pull the zip file from the url

$ wget -O file.zip https:///url-to-your-zip

Then we want to extract it to the current directory

$ unzip file.zip -d .

Then we want to remove the zip file

$ rm file.zip

Finally we want to refresh our app so the new files are shown in the editor

$ refresh

Source: link

Tested Environment

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.2.0: Wed Nov 15 21:59:33 PST 2023; root:xnu-10002.61.3~2/RELEASE_ARM64_T8112 arm64
Binaries:
  Node: 20.10.0
  npm: 10.2.3
  Yarn: 1.22.21

References