Merge pull request #25 from the-collab-lab/tg/quote-me-on-this

Prettier using double quotes
the-collab-lab · Aug 25, 2024 · df11ec1 · df11ec1
2 parents b83e38b + cc3c00e
commit df11ec1
Show file tree

Hide file tree

Showing 32 changed files with 144 additions and 148 deletions.
diff --git a/.github/workflows/update-deps.yml b/.github/workflows/update-deps.yml
@@ -12,6 +12,6 @@ jobs:
       - run: rm -rf .github/
       - uses: EndBug/add-and-commit@latest
         with:
-          add: '.'
+          add: "."
           message: 'Update dependencies with "npm update"'
           push: true
diff --git a/.prettierrc b/.prettierrc
@@ -1,6 +1,5 @@
 {
 	"semi": true,
 	"trailingComma": "all",
-	"singleQuote": true,
 	"useTabs": true
 }
diff --git a/ORIENTACIÓN-es.md b/ORIENTACIÓN-es.md
@@ -2,7 +2,6 @@
 
 ⚠️ **Este documento contiene información desactualizada** ⚠️
 
-
 ## ¿Qué es The Collab Lab?
 
 The Collab Lab existe para ayudar a ingenierxs recien empezando sus careras ganar experiencia trabajando colaborativamente con otrxs en un equipo de desarollo de software. Trabajamos remotamente en proyectos reales con otrxs ingenierxs recien empezando sus careras.

diff --git a/firebase.json b/firebase.json
@@ -1,16 +1,12 @@
 {
-  "hosting": {
-    "public": "build",
-    "ignore": [
-      "firebase.json",
-      "**/.*",
-      "**/node_modules/**"
-    ],
-    "rewrites": [
-      {
-        "source": "**",
-        "destination": "/index.html"
-      }
-    ]
-  }
+	"hosting": {
+		"public": "build",
+		"ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+		"rewrites": [
+			{
+				"source": "**",
+				"destination": "/index.html"
+			}
+		]
+	}
 }
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />

diff --git a/learning-modules/complete-take-home-assignment.md b/learning-modules/complete-take-home-assignment.md
@@ -3,6 +3,6 @@
 During the final week of Collab Lab, participants will complete the following take-home assignment:
 [https://github.com/the-collab-lab/career-lab-challenge-next](https://github.com/the-collab-lab/career-lab-challenge-next)
 
-Once the assignment is complete, send a link of your completed challenge to the mentor that is conducting your technical interview. 
+Once the assignment is complete, send a link of your completed challenge to the mentor that is conducting your technical interview.
 
 Find your mentor/technical interviewer here: [Sync: Technical mock interview](mock-interview-technical.md)
diff --git a/learning-modules/pair-interview-practice.md b/learning-modules/pair-interview-practice.md
@@ -4,11 +4,10 @@
 
 Reach out to the partner you are paired with below, schedule a meeting, and work through the questions listed in the pages below so that you can each feel more confident navigating the technical and job-fit interviews!
 
-* [Job fit interview questions](../resources/job-fit-interview-questions.md)
-* [Technical interview questions](../resources/technical-interview-questions.md)
+- [Job fit interview questions](../resources/job-fit-interview-questions.md)
+- [Technical interview questions](../resources/technical-interview-questions.md)
 
 If you have questions or comments, please don't hesitate to reach out in your cohort Slack channel!
 
-
 | Collabie | Collabie | Collabie |
-| ---- | ---- | ---- |
+| -------- | -------- | -------- |
diff --git a/learning-modules/resources/job-fit-interview-questions.md b/learning-modules/resources/job-fit-interview-questions.md
@@ -19,5 +19,5 @@ The following are suggested questions for the job fit mock interview:
 - What questions do you have for me?
   What would you like to know about the role, the company, etc.?
 - Two good final questions:
-    - What do you think would be the biggest challenge for you in this role?
-    - What is the biggest strength you think you’d bring to the role?
+  - What do you think would be the biggest challenge for you in this role?
+  - What is the biggest strength you think you’d bring to the role?
diff --git a/learning-modules/resources/mock-job-description.md b/learning-modules/resources/mock-job-description.md
@@ -4,18 +4,18 @@ We're looking for a Software Engineer to join our App Improvement team at Zapier
 
 We know applying for and taking on a new job at any company requires a leap of faith. We want you to feel comfortable and excited to apply at Zapier. To help share a bit more about life at Zapier, here are a few resources in addition to the job description that can give you an inside look at what life is like at Zapier. We hope you'll take the leap of faith and apply.
 
-* [Our Commitment to Applicants](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Fjobs%2Four-commitment-to-applicants%2F)
-* [Culture and Values at Zapier](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Fjobs%2Fculture-and-values-at-zapier%2F)
-* [Zapier Guide to Remote Work](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Flearn%2Fthe-ultimate-guide-to-remote-working%2F)
-* [Zapier Code of Conduct](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Fjobs%2Fzapier-code-of-conduct%2F)
-* [Diversity and Inclusivity at Zapier](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Fjobs%2Fworking-on-diversity-and-inclusivity%2F)
+- [Our Commitment to Applicants](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Fjobs%2Four-commitment-to-applicants%2F)
+- [Culture and Values at Zapier](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Fjobs%2Fculture-and-values-at-zapier%2F)
+- [Zapier Guide to Remote Work](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Flearn%2Fthe-ultimate-guide-to-remote-working%2F)
+- [Zapier Code of Conduct](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Fjobs%2Fzapier-code-of-conduct%2F)
+- [Diversity and Inclusivity at Zapier](https://workable.com/nr?l=https%3A%2F%2Fzapier.com%2Fjobs%2Fworking-on-diversity-and-inclusivity%2F)
 
 _Zapier is proud to be an equal opportunity workplace dedicated to pursuing and hiring a diverse workforce._
 
 Even though our job description may seem like we're looking for a specific candidate, the role inevitably ends up tailored to the person who applies and joins. Regardless of how well you feel you fit our description, we encourage you to apply if you meet these criteria:
 You love collaborating with teammates to understand and address their data needs and help them become more effective.
 
-# Requirements 
+# Requirements
 
 ## About You
 
@@ -35,13 +35,13 @@ You love collaborating with teammates to understand and address their data needs
 
 Zapier is a small, fast-growing, and remote-first company, so you'll likely get experience on many different projects across the organization. That said, here are some things you'll probably do:
 
-* Build and maintain Apps on the Zapier platform for crucial APIs
-* Migrate applications to new APIs as the need arises
-* Talk to partner engineers about changes to APIs and impacts that might have on Zapier customers
-* Help the team build tooling to help other app developers and help Zapier scale to 1000s of developers using the Zapier platform
-* Help other engineers on the team and across Zapier
-* As a part of Zapier's all-hands philosophy, help customers via support to ensure they have the best experience possible.
-* Experiment: this is a startup so everything can change as we experiment with doing more custom partnership work
+- Build and maintain Apps on the Zapier platform for crucial APIs
+- Migrate applications to new APIs as the need arises
+- Talk to partner engineers about changes to APIs and impacts that might have on Zapier customers
+- Help the team build tooling to help other app developers and help Zapier scale to 1000s of developers using the Zapier platform
+- Help other engineers on the team and across Zapier
+- As a part of Zapier's all-hands philosophy, help customers via support to ensure they have the best experience possible.
+- Experiment: this is a startup so everything can change as we experiment with doing more custom partnership work
 
 ## How To Apply
 
@@ -63,7 +63,6 @@ We believe in small teams. Small teams are fast and nimble. Small groups mean le
 
 We believe in a safe, welcoming, and inclusive environment. All teammates at Zapier agree to a code of conduct.
 
-
 ## The Whole Package
 
 Location: Planet Earth.
@@ -72,18 +71,18 @@ If you want to work remote, that's great. If you want to work near others, that'
 
 ### Compensation:
 
-* Competitive salary (we don't use remote as an excuse to pay less)
-* Great healthcare + dental + vision coverage*
-* Retirement plan with 4% company match*
-* Profit sharing
-* 2 annual company retreats to awesome places
-* 14 weeks paid leave for new parents of biological or adopted children
-* Pick your own equipment. We'll set you up with whatever Apple laptop + monitor combo you want plus any software you need.
-* Unlimited vacation policy. Plus we require you to take at least 2 weeks off each year. We see most employees take 4-5 weeks off per year. This isn't a vague policy where unlimited vacation means no vacation.
-* Work with awesome companies around the world. We partner with great software companies all over the world and you'll constantly get to interact with people from these great companies
+- Competitive salary (we don't use remote as an excuse to pay less)
+- Great healthcare + dental + vision coverage\*
+- Retirement plan with 4% company match\*
+- Profit sharing
+- 2 annual company retreats to awesome places
+- 14 weeks paid leave for new parents of biological or adopted children
+- Pick your own equipment. We'll set you up with whatever Apple laptop + monitor combo you want plus any software you need.
+- Unlimited vacation policy. Plus we require you to take at least 2 weeks off each year. We see most employees take 4-5 weeks off per year. This isn't a vague policy where unlimited vacation means no vacation.
+- Work with awesome companies around the world. We partner with great software companies all over the world and you'll constantly get to interact with people from these great companies
 
-*While we take care of our international folks as best we can, currently, healthcare and retirement plans are only available to US-based employees.
+\*While we take care of our international folks as best we can, currently, healthcare and retirement plans are only available to US-based employees.
 
 _Optional: Share anonymously some demographic information about yourself to help us better track trends related to the backgrounds of candidates interested in working at Zapier in order for us to build a team that represents the users at Zapier and the broader world population._
 
-_Zapier is an equal opportunity employer. We're excited to work with talented and empathetic people no matter their race, color, gender, sexual orientation, religion, national origin, physical or mental disability, or age. Our code of conduct provides a beacon for the kind of company we strive to be, and we celebrate our differences because those differences are what allow us to make a product that serves a global user base._ 
+_Zapier is an equal opportunity employer. We're excited to work with talented and empathetic people no matter their race, color, gender, sexual orientation, religion, national origin, physical or mental disability, or age. Our code of conduct provides a beacon for the kind of company we strive to be, and we celebrate our differences because those differences are what allow us to make a product that serves a global user base._
diff --git a/learning-modules/resources/preguntas-para-entrevistas-de-fit-cultural.md b/learning-modules/resources/preguntas-para-entrevistas-de-fit-cultural.md
@@ -1,7 +1,9 @@
 # Preguntas para entrevistas de fit cultural
+
 
 Las siguientes preguntas son sugeridas para entrevistas de fit cultural:
 
+
 - Cuentame acerca de como empezaste con Desarrollo web.
 - Qué estás buscando para tu nueva oportunidad de trabajo?
 - Qué estás buscando en un equipo?

diff --git a/learning-modules/resources/technical-interview-rubric.md b/learning-modules/resources/technical-interview-rubric.md
@@ -1,4 +1,5 @@
 ## Accessibility
+
 ### 1. What are some of the tools you can use to test the accessibility of a web page or web application?
 
 <table>
@@ -25,6 +26,7 @@
 </table>
 
 ### 2. How is the `alt` attribute on an `img` element used?
+
 <table>
   <tbody>
     <tr>
@@ -49,6 +51,7 @@
 </table>
 
 ### 3. When should you use a link versus a button?
+
 <table>
   <tbody>
     <tr>
@@ -67,6 +70,7 @@
 </table>
 
 ### 4. What are the advantages for accessibility of using <code>em</code> or <code>rem</code> as a CSS unit versus <code>px</code>?
+
 <table>
   <tbody>
     <tr>
@@ -85,6 +89,7 @@
 </table>
 
 ### 5. What are ARIA attributes and how are they useful?
+
 <table>
   <tbody>
     <tr>
@@ -109,6 +114,7 @@
 </table>
 
 ### 6. Why is color alone insufficient to to convey information in a UI?
+
 <table>
   <tbody>
     <tr>
@@ -127,6 +133,7 @@
 </table>
 
 ## React
+
 ### 1. What are `state` and `props` in React? How are they best used?
 
 <table>
@@ -154,10 +161,9 @@
 </tbody>
 </table>
 
-
 ### 2. What are “stateless” components in React? How are they useful?
 
-<b>Note 1:</b> This question is a natural extension of the purpose of `state`. If the discussion in question 1 covers it, feel free to skip. 
+<b>Note 1:</b> This question is a natural extension of the purpose of `state`. If the discussion in question 1 covers it, feel free to skip.
 
 <b>Note 2:</b> candidate may not have heard this term before, or may also know it as a 'presentational component' You can define it for them, e.g. 'A component that has no state.'
 

diff --git a/learning-modules/what-to-ask-your-interviewers.md b/learning-modules/what-to-ask-your-interviewers.md
@@ -21,4 +21,3 @@ Reflect on positive and negative experiences that you’ve had in previous jobs.
 What do you want to know to help you make an informed decision about whether you want to work at this place? These questions typically revolve around the team, your manager, the product or service, and the company itself.
 
 > **Note:** It is totally valid to want to know things like the salary range, the company’s time off policy, how health and other benefits work, etc. Those questions are better suited for a recruiter or HR/people operations representative than a hiring manager or fellow developer.
-
diff --git a/learning-modules/what-to-include-on-linkedin-spanish.md b/learning-modules/what-to-include-on-linkedin-spanish.md
@@ -80,7 +80,7 @@ Es la sección más importante o una de las secciones más importantes de Linked
 
 1. **[0:50]** Mala experiencia #1: Solo se pone la posición, pero no se incluye información sobre lo que hizo en dicha posición. Esto no ayuda a las personas que revisan perfiles a poder entender qué hicieron en esa posición, ya que por ejemplo un "Technical Solutions Consultant" puede significar una cosa para una empresa, y una cosa diferente para otra empresa, por lo que puede hacer que el recruiter decida no tener en cuenta el perfil.
 2. **[1:40]** Mala experiencia #2: Hay más información sobre la posición, pero no se entiende ya que el inglés que se está usando es muy complejo. No quieres que no lo entienda un reclutador o la persona que está revisando tu perfil.
-3. **[2:40]** Buena experiencia #1:  Importante que lo pueda entender un reclutador o un hiring manager.
+3. **[2:40]** Buena experiencia #1: Importante que lo pueda entender un reclutador o un hiring manager.
    - **[4:20]** Escoger un título acorde a la experiencia o al rol que se quiera ejecutar (e.g. Full-stack developer). El título se usa como palabras clave cuando buscan perfiles en LinkedIn.
    - **[4:48]** Usar bullet points para mostrar los logros y/o fortalezas conseguidas en cada posición.
    - **[4:58]** Usar un inglés más simple, claro y directo al grano. (ej "Led the Code Connector community and organize the largest tech meetups in Memphis").
@@ -109,7 +109,6 @@ Es la sección más importante o una de las secciones más importantes de Linked
 - **[11:22]** No tiene que ser únicamente relacionada con tech. Puede ser ayudando gente en cocinas, ayudando a personas entregando domicilios, ayudando a crear una librería, cualquier cosa en el mundo que ayude a un ser humano.
 - **[11:45]** Muestra que somos humanos, que somos seres profesionales modernos, que tenemos una experiencia humana que compartimos con el mundo y eso también es muy importante.
 
-
 > 👉 Ahora a actualizar sus perfiles con lo que hemos aprendido en éste video.
 
 ## Parte 3: Endorsements, recommendations, accomplishments, interests, open to work, URL settings
@@ -147,11 +146,9 @@ Acá está el video: [https://www.loom.com/share/23450a56da8f4d4996177b4e8e55673
 - Opción que permite mostrar a los reclutadores de que estás abierto a buscar empleos.
 - Esto lo puedes configurar en tus settings.
 - Hay dos opciones:
-   - **[7:26]** Una pública, que todo el mundo puede ver, y que se muestra en tu foto de perfil como un banner verde.
-   - **[7:36]** Una privada, que solo los reclutadores pueden ver.
-
+  - **[7:26]** Una pública, que todo el mundo puede ver, y que se muestra en tu foto de perfil como un banner verde.
+  - **[7:36]** Una privada, que solo los reclutadores pueden ver.
 
 > 📢 **[8:32]** Ahora que hemos visto todo esto, es su turno de actualizar su perfil de LinkedIn y una vez finalicen, **envíen esto a su mentor para poder recibir feedback**.
 
-
-Muchas gracias a todos por atender la sesión y buena suerte con su búsqueda 🚀.
+Muchas gracias a todos por atender la sesión y buena suerte con su búsqueda 🚀.
diff --git a/learning-modules/what-to-include-on-linkedin.md b/learning-modules/what-to-include-on-linkedin.md
@@ -18,8 +18,8 @@ In this lesson, we will go over each of the main parts of a LinkedIn profile. To
 
 # Let’s get started!
 
-> En éste link pueden ver notas en español donde podrán encontrar un resúmen de los videos en “What to include on your LinkedIn profile” 
-> 
+> En éste link pueden ver notas en español donde podrán encontrar un resúmen de los videos en “What to include on your LinkedIn profile”
+>
 > [Spanish - What to include on your Linkedin profile](what-to-include-on-linkedin-spanish.md)
 
 ### Part 1: Photo, title, background, About Section, Featured Section

diff --git a/src/App.jsx b/src/App.jsx
@@ -1,10 +1,10 @@
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 
-import { Home, Layout, List, ManageList } from './views';
+import { Home, Layout, List, ManageList } from "./views";
 
-import { useAuth, useShoppingListData, useShoppingLists } from './api';
+import { useAuth, useShoppingListData, useShoppingLists } from "./api";
 
-import { useStateWithStorage } from './utils';
+import { useStateWithStorage } from "./utils";
 
 export function App() {
 	/**
@@ -16,7 +16,7 @@ export function App() {
 	 * to create and switch between lists.
 	 */
 	const [listPath, setListPath] = useStateWithStorage(
-		'tcl-shopping-list-path',
+		"tcl-shopping-list-path",
 		null,
 	);
 

diff --git a/src/api/config.js b/src/api/config.js
@@ -1,6 +1,6 @@
-import { initializeApp } from 'firebase/app';
-import { getFirestore } from 'firebase/firestore';
-import { getAuth } from 'firebase/auth';
+import { initializeApp } from "firebase/app";
+import { getFirestore } from "firebase/firestore";
+import { getAuth } from "firebase/auth";
 
 // Your web app's Firebase configuration
 const firebaseConfig = {
@@ -9,8 +9,8 @@ const firebaseConfig = {
 	projectId: "tcl-77-smart-shopping-list",
 	storageBucket: "tcl-77-smart-shopping-list.appspot.com",
 	messagingSenderId: "35210747522",
-	appId: "1:35210747522:web:e39f63e23150653f0f1e9b"
-  };
+	appId: "1:35210747522:web:e39f63e23150653f0f1e9b",
+};
 
 // Initialize Firebase
 const app = initializeApp(firebaseConfig);