Activities

apps/angular-app/README.md

@@ -0,0 +1,11 @@
+# Angular App
+
+## Instructions
+
+## Recommendations
+
+## Challenges
+
+### Session *
+
+## How to

apps/api/.env

@@ -1 +1,3 @@
+ACCESS_TOKEN_SECRET=[YOUR_ACCESS_TOKEN_SECRET_HERE]
+REFRESH_TOKEN_SECRET=[YOUR_REFRESH_TOKEN_SECRET_HERE]
 MONGO_URL=[YOUR_MONGO_CONNECTION_STRING_HERE]

apps/api/README.md

@@ -0,0 +1,55 @@
+# Node.js Express API
+
+## Instructions
+
+1. Fork [mfee-project repository](https://github.com/gus-code/mfee-project)
+2. Make sure to fork all the branches (You need to unselect the checkbox of fork only main branch)
+3. You can clone the repository to your local or you can create a codespace in github (We suggest to use your local because we will use postman to test it)
+4. Checkout to branch `node/template` this is the starter boilerplate
+    - `git checkout node/template`
+5. From here you can create your own branch (We suggest to name it `node/<your_eid_here>`)
+    - `git checkout -b node/<your_eid_here>`
+6. We will be working with some examples during the sessions in this same repository, once we finish with the session you can get the example from the branch `node/session-*` and merge it to your branch (We will provide the branch after each session)
+    - `git merge node/session-*`
+7. Each session branch will have the challenges to accomplish and the expected results. You can validate if your endpoint is correct by [running the postman collection](#run-postman-collection)
+8. After finish the challenges you need to create a pull request to the base repository, you will have a branch with your EID (`node/<your_eid_here>`). If you don't know how to do it you can check this [quick guide](#create-pull-request)
+
+## Recommendations
+
+- Use [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/)
+- Before make your commit format your files with prettier
+
+## Challenges
+
+### Session *
+
+## How to
+
+### Run postman collection
+
+1. Download postman collection from `apps/api/src/assets/mfee-node.postman_collection.json`
+2. Import collection to postman
+3. Configure url variable if needed. We set the default value to `http://localhost:3000` if you change the port you will need to update this, after updating the value you need to save it with `Ctrl + S`
+![Postman - Variables](assets/postman-variables.png)
+4. Once everything is in place you go to the folder you want to run and click "Run"
+![Postman - Open tests](assets/postman-open-tests.png)
+5. The endpoints will be displayed and you just need to click on "Run MFEE - Node.js"
+![Postman - Run tests](assets/postman-run-tests.png)
+6. After this a report will be show and all the test should pass
+![Postman - Test results](assets/postman-test-results.png)
+
+### Create pull request
+
+1. Once you have your commit in place and you push your branch to your forked repository go to `Pull requests` option and then `Create pull request`
+![GitHub - Create pull request](assets/github-create-pull-request.png)
+2. Click under `compare across forks` to be able to select the main repository and make sure to select the following
+    - Base repository: `gus-code/mfee-project`
+    - Base: `node/<your-eid-here>`
+    - Head repository: `<your-github-user>/mfee-project`
+    - Compare: `<your-branch-name>`
+
+    ![GitHub - Pull request branches](assets/github-pull-request-branches.png)
+3. Check that the files you worked on are in place and then click `Create pull request`
+4. Add the title with the following format `feat(session-*): <small-title-of-changes>` where * is the number of the session (01, 02, etc.). After that click again on `Create pull request`
+![GitHub - Add title](assets/github-add-title.png)
+5. After this we will review the PR, give feedback and merge it to your branch

apps/api/src/assets/mfee-node.postman_collection.json

@@ -19,7 +19,7 @@
 								"exec": [
 									"const result = pm.response.json();\r",
 									"\r",
-									"pm.collectionVariables.set('test_category_id', result._id);\r",
+									"pm.collectionVariables.set('test_category_id', result._id ?? result.id);\r",
 									"\r",
 									"pm.test('Status code is 201', function () {\r",
 									"    pm.response.to.have.status(201);\r",

apps/api/src/styles.css

@@ -0,0 +1,14 @@
+body {
+    margin: 0;
+  }
+  :root {
+    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+    line-height: 1.5;
+    font-weight: 400;
+
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+

apps/react-app/README.md

@@ -0,0 +1,54 @@
+# React - Discovering the World App
+
+## Instructions
+
+1. Fork [mfee-project repository](https://github.com/gus-code/mfee-project).
+2. Make sure to fork all the branches (You need to unselect the checkbox of fork only main branch).
+3. You can clone the repository to your local or you can create a codespace in github.
+4. Checkout to branch `<your_eid>` this is the starter boilerplate
+   - `git checkout <your_eid>`
+5. We will be working with some examples during the sessions in this same repository, once we finish with the session you can get the example from the branch `react/session-*` and merge it to your branch (We will provide the branch after each session)
+   - `git merge react/session-*`
+6. Each session branch will have the challenges to accomplish and the expected results.
+7. After finish the challenges you need to create a pull request to the base repository, you will have a branch with your EID (`<your_eid_here>`). If you don't know how to do it you can check this [quick guide](#create-pull-request)
+
+## Recommendations
+
+- Before make your commit format your files with prettier
+
+### Recommended extensions
+
+- Name: Error Lens
+  Id: usernamehw.errorlens
+  Description: Improve highlighting of errors, warnings and other language diagnostics.
+  Version: 3.17.0
+  Publisher: Alexander
+  VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens
+
+- Name: Pretty TypeScript Errors
+  Id: YoavBls.pretty-ts-errors
+  Description: Make TypeScript errors prettier and more human-readable in VSCode
+  Version: 0.5.4
+  Publisher: yoavbls
+  VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors
+
+- Name: ES7+ React/Redux/React-Native snippets
+  Id: dsznajder.es7-react-js-snippets
+  Description: Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.
+  Version: 4.4.3
+  Publisher: dsznajder
+  VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
+
+
+## How to
+
+### Run postman collection
+
+1. Download postman collection from `apps/react/assets/Capstone-Project.postman_collection`
+2. Import collection to postman
+3. Register a new user using the "register" API, inside the "Auth" folder
+   ![Register User](assets/register-user.png)
+4. Use the credentials to generate a token using the "login" API
+   ![Generate token](assets/generate-token.png)
+5. Configure accestoken variable. After updating the value you need to save it with `Ctrl + S`
+   ![Postman Variables](/assets/postman-variables.png)