this is the monorepo of aadvik's frontend projects.
$ git clone [email protected]:aadv1k/frontend-projects.git
$ npm install # install deps
$ npm run build # run the build commandnow you can simply load up the ./site/ in a browser.
npm run build: copies all the packages to the./site/directory and renames them appropriatelynpm run femfetch: a utility script to fetch challenge files from frontendmentor.ionpm run lint: runeslint .npm run lint:fix: runeslint . --fixnpm run test:ws: run tests in packages where they are presentnpm run format: format using prettier
./packages: Directory with all the primary packages of the project./packages/frontendmentor/: Front-end challenges from frontendmentor.io./packages/uidesigndaily/: Random design to code challenges from uidesigndaily
./config: configuration scripts for dev tools - eslint, webpack, prettier./scripts/: utility shell scripts to organize, clean and fetch files in the project./site/: The static site for the main dashboard
This monorepo is managed using npm
workspaces, I chose to use
a monorepo for primarily one reason - Organization. I liked the semantics of
having everything in one place, the standard config utilities and a single
domain are really good to have and manage. Alongside this, under this single
monorepo, I can test, my code, and setup a CI pipelines. The site is deployed
on netlify via the npm run build command This command makes it so that the
./site folder can be dropped onto any server as a static site.
note: currently there are no inner-deps