2.0: Nx Monorepo setup

.github/workflows/main.yml

@@ -5,7 +5,7 @@ on:
     branches: ["main"]
 
 jobs:
-  build-react:
+  build:
     runs-on: ubuntu-latest
 
     steps:
@@ -17,56 +17,10 @@ jobs:
           git config user.name "Sadanand Pai"
           git config user.email "sadypai@gmail.com"
 
-      - name: setup react deployment
+      - name: setup deployment
         run: |
-          cd react
           npm install
-          rm -rf dist
           npm run build
-          git add dist -f
-          git diff --staged --quiet || (git commit -m "react build files - github action" && git push)
-          cd ..
-
-  build-angular:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v3
-
-      # Runs a single command using the runners shell
-      - name: setup git config
-        run: |
-          git config user.name "Sadanand Pai"
-          git config user.email "sadypai@gmail.com"
-
-      - name: setup angular deployment
-        run: |
-          cd angular
-          npm install
-          rm -rf dist
-          npm run build-prod
-          git add dist -f
-          git diff --staged --quiet || (git commit -m "angular build files - github action" && git push)
-          cd ..
-
-  build-vue:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v3
-
-      # Runs a single command using the runners shell
-      - name: setup git config
-        run: |
-          git config user.name "Sadanand Pai"
-          git config user.email "sadypai@gmail.com"
-
-      - name: setup vue deployment
-        run: |
-          cd vue
-          npm install
-          rm -rf dist
-          npm run build
-          git add dist -f
-          git diff --staged --quiet || (git commit -m "vue build files - github action" && git push)
-          cd ..
+          npm run copy-to-docs
+          git add docs -f
+          git diff --staged --quiet || (git commit -m "build files - github action" && git push)

.github/workflows/pr.yml

@@ -5,44 +5,19 @@ on:
     branches: ["main"]
 
 jobs:
-  build-react:
+  build:
     runs-on: ubuntu-latest
 
     steps:
       - uses: actions/checkout@v3
 
-      - name: setup react deployment
+      # Runs a single command using the runners shell
+      - name: setup git config
         run: |
-          cd react
-          npm install
-          rm -rf dist
-          npm run build
-          cd ..
-
-  build-angular:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v3
-
-      - name: setup angular deployment
-        run: |
-          cd angular
-          npm install
-          rm -rf dist
-          npm run build-prod
-          cd ..
-
-  build-vue:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v3
+          git config user.name "Sadanand Pai"
+          git config user.email "sadypai@gmail.com"
 
-      - name: setup vue deployment
+      - name: setup deployment
         run: |
-          cd vue
           npm install
-          rm -rf dist
           npm run build
-          cd ..

.gitignore

@@ -0,0 +1,42 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+dist
+tmp
+/out-tsc
+
+# dependencies
+node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db
+
+.nx/cache
+docs

README.md

@@ -1,7 +1,7 @@
 <div align="center">
   <h1>Frontend Mini Challenges</h1>
   <h3>Collection of frontend challenges for learning and interviews</h3>
-  <a href="https://sadanandpai.github.io/frontend-mini-challenges/"><img src="cover.png" alt="web programming" width="500px" /></a>
+  <a href="https://sadanandpai.github.io/frontend-mini-challenges/"><img src="https://github.com/sadanandpai/frontend-mini-challenges/raw/main/shared/assets/cover.png" alt="web programming" width="500px" /></a>
 
 [![](https://img.shields.io/github/stars/sadanandpai/frontend-mini-challenges?style=for-the-badge)](#stars)
 [![](https://img.shields.io/github/forks/sadanandpai/frontend-mini-challenges?style=for-the-badge)](#forks)
@@ -19,25 +19,21 @@
 
 This repo is created to list down all the popular frontend challenges that are recommended for learning and interviews. Challenges are solved in vanilla JavaScript, React and VueJs. You can both play with the UI and view the solutions.
 
-- Solutions to JavaScript challenges: [Click here](https://github.com/sadanandpai/frontend-mini-challenges/tree/main/native/machine-coding)
-- Solutions to React challenges: [Click here](https://github.com/sadanandpai/frontend-mini-challenges/tree/main/react/src/machine-coding)
-- Solutions to VueJs challenges: [Click here](https://github.com/sadanandpai/frontend-mini-challenges/tree/main/vue/src/machine-coding)
+- Solutions to JavaScript challenges: [Click here](https://github.com/sadanandpai/frontend-mini-challenges/tree/main/apps/javascript/src/challenges)
+- Solutions to React challenges: [Click here](https://github.com/sadanandpai/frontend-mini-challenges/tree/main/apps/react/src/challenges)
+- Solutions to VueJs challenges: [Click here](https://github.com/sadanandpai/frontend-mini-challenges/tree/main/apps/vue/src/challenges)
 
 <br/>
 
 ## Local setup
 
 - Clone the repo
-- JavaScript Challenges
-  - The challenges are standalone modules. Those can be viewed directly by opening the index file or live server.
-- React Challenges
-  - navigate to `react/`
-  - `npm install` (only one-time installation is needed for all the challenges)
-  - `npm run dev`
-- VueJs Challenges
-  - navigate to `vue/`
-  - `npm install` (only one-time installation is needed for all the challenges)
-  - `npm run dev`
+- Run `npm install`
+- Run `npm run dev`
+  - JavaScript: http://localhost:6011
+  - React: http://localhost:6012
+  - VueJs: http://localhost:6013
+  - Host: http://localhost:6010
 
 <br/>