diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..c6ae3853 --- /dev/null +++ b/.gitignore @@ -0,0 +1,32 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# production +/build + +# misc +.DS_Store +.env.local +.env.development.local +.env.test.local +.env.production.local + +npm-debug.log* +yarn-debug.log* +yarn-error.log* + + +# myNotes +app-myNotes\src\firebase-config.js +node_modules +app-myNotes\package-lock.json +app-myNotes\package.json +app-myNotes\README.md + diff --git a/README.md b/README.md index 27246b5e..cfcac22d 100644 --- a/README.md +++ b/README.md @@ -1,584 +1,374 @@ -# Lab Notes - -## Índice - -* [1. Preámbulo](#1-preámbulo) -* [2. Resumen del Proyecto](#2-resumen-del-proyecto) -* [3. Objetivos de Aprendizaje](#3-objetivos-de-aprendizaje) -* [4. Consideraciones generales](#4-consideraciones-generales) -* [5. Criterios de aceptación mínimos del proyecto](#5-criterios-de-aceptación-mínimos-del-proyecto) -* [6. Consideraciones técnicas](#6-consideraciones-técnicas) -* [7. Hacker Edition](#7-hacker-edition) -* [8. Pistas, tips y lecturas complementarias](#8-pistas-tips-y-lecturas-complementarias) - -*** - -## 1. Preámbulo - -Hoy en día no es práctico imaginar el desarrollo web sin HTML, CSS y JavaScript, -esta última es el alma del desarrollo de aplicaciones web. -[React](https://reactjs.org/), [Angular](https://angular.io/) y [Vue](https://vuejs.org/) -son algunos de los _frameworks_ y _librerías_ de JavaScript más utilizados por -lxs desarrolladorxs alrededor del mundo, y hay una razón para eso. -En el contexto del navegador, [_mantener la interfaz sincronizada con el estado -es difícil_](https://medium.com/dailyjs/the-deepest-reason-why-modern-javascript-frameworks-exist-933b86ebc445). -Al elegir un _framework_ o _librería_ para nuestra interfaz, nos apoyamos en una -serie de convenciones e implementaciones _probadas_ y _documentadas_ para -resolver un problema común a toda interfaz web. Esto nos permite concentrarnos -mejor (dedicar más tiempo) en las características _específicas_ de -nuestra aplicación. - -Cuando elegimos una de estas tecnologías no solo importamos un pedacito de -código para reusar (lo cual es un gran valor per se), si no que adoptamos una -**arquitectura**, una serie de **principios de diseño**, un **paradigma**, unas -**abstracciones**, un **vocabulario**, una **comunidad**, etc. - -Como desarrolladora front-end, estos kits de desarrollo pueden resultarte -de gran ayuda para implementar rápidamente características de los proyectos en -los que trabajes. - -## 2. Resumen del Proyecto - -En este proyecto construiremos una aplicación para tomar notas, que nos permita -crear, editar, eliminar y consultarlas en cualquier momento. - -No existe día que no tomemos notas, siempre necesitamos apuntar alguna -dirección, número telefónico, notas de alguna reunión o guardar nuestras URLs -favoritas para poder consultarlas más tarde. Muchas veces para esta actividad -utilizamos libretas o agendas que terminan siendo olvidadas, o anotamos de -manera dispersa de tal manera que perdemos de vista la prioridad y el propósito -de la nota lo cual da como resultado una nota perdida. - -![Shows CRUD functionalities](https://raw.githubusercontent.com/florenciasilva/lab-notes/master/demo-crud.gif?token=AGJBHNTVAQRWOVF2IGMP6FK5NVFAS) - -El objetivo principal de este proyecto es aprender a construir una _interfaz -web_ usando el _framework_ elegido. Todos estos frameworks de Frontend atacan el -mismo problema: **cómo mantener la interfaz y el estado sincronizados**. Así que -esta experiencia espera familiarizarte con el concepto de _estado de pantalla_, -y cómo cada cambio sobre el estado se va a ir reflejando en la interfaz (por -ejemplo, cada vez que agregamos una _nota_, la interfaz debe actualizar la lista -de notas). - -## 3. Objetivos de Aprendizaje - -Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en tu proyecto. Piensa en eso al decidir tu estrategia de trabajo. - -### HTML - -- [ ] **Uso de HTML semántico** - -
Links

- - * [HTML semántico](https://curriculum.laboratoria.la/es/topics/html/02-html5/02-semantic-html) - * [Semantics - MDN Web Docs Glossary](https://developer.mozilla.org/en-US/docs/Glossary/Semantics#Semantics_in_HTML) -

- -### CSS - -- [ ] **Uso de selectores de CSS** - -
Links

- - * [Intro a CSS](https://curriculum.laboratoria.la/es/topics/css/01-css/01-intro-css) - * [CSS Selectors - MDN](https://developer.mozilla.org/es/docs/Web/CSS/CSS_Selectors) -

- -- [ ] **Modelo de caja (box model): borde, margen, padding** - -
Links

- - * [Box Model & Display](https://curriculum.laboratoria.la/es/topics/css/01-css/02-boxmodel-and-display) - * [The box model - MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model) - * [Introduction to the CSS box model - MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model) - * [CSS display - MDN](https://developer.mozilla.org/pt-BR/docs/Web/CSS/display) - * [display - CSS Tricks](https://css-tricks.com/almanac/properties/d/display/) -

- -- [ ] **Uso de flexbox en CSS** - -
Links

- - * [A Complete Guide to Flexbox - CSS Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) - * [Flexbox Froggy](https://flexboxfroggy.com/#es) - * [Flexbox - MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox) -

- -- [ ] **Uso de CSS Grid Layout** - -
Links

- - * [A Complete Guide to Grid - CSS Tricks](https://css-tricks.com/snippets/css/complete-guide-grid/) - * [Grids - MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids) -

- -- [ ] **Uso de media queries** - -
Links

- - * [CSS media queries - MDN](https://developer.mozilla.org/es/docs/CSS/Media_queries) -

- -### JavaScript - -- [ ] **Arrays (arreglos)** - -
Links

- - * [Arreglos](https://curriculum.laboratoria.la/es/topics/javascript/04-arrays) - * [Array - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/) - * [Array.prototype.sort() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) - * [Array.prototype.forEach() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach) - * [Array.prototype.map() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/map) - * [Array.prototype.filter() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) - * [Array.prototype.reduce() - MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce) -

- -- [ ] **Objetos (key, value)** - -
Links

- - * [Objetos en JavaScript](https://curriculum.laboratoria.la/es/topics/javascript/05-objects/01-objects) -

- -- [ ] **Diferenciar entre tipos de datos primitivos y no primitivos** - -- [ ] **Uso de condicionales (if-else, switch, operador ternario, lógica booleana)** - -
Links

- - * [Estructuras condicionales y repetitivas](https://curriculum.laboratoria.la/es/topics/javascript/02-flow-control/01-conditionals-and-loops) - * [Tomando decisiones en tu código — condicionales - MDN](https://developer.mozilla.org/es/docs/Learn/JavaScript/Building_blocks/conditionals) -

- -- [ ] **Funciones (params, args, return)** - -
Links

- - * [Funciones (control de flujo)](https://curriculum.laboratoria.la/es/topics/javascript/02-flow-control/03-functions) - * [Funciones clásicas](https://curriculum.laboratoria.la/es/topics/javascript/03-functions/01-classic) - * [Arrow Functions](https://curriculum.laboratoria.la/es/topics/javascript/03-functions/02-arrow) - * [Funciones — bloques de código reutilizables - MDN](https://developer.mozilla.org/es/docs/Learn/JavaScript/Building_blocks/Functions) -

- -- [ ] **Pruebas unitarias (unit tests)** - -
Links

- - * [Empezando con Jest - Documentación oficial](https://jestjs.io/docs/es-ES/getting-started) -

- -- [ ] **Pruebas asíncronas** - -
Links

- - * [Tests de código asincrónico con Jest - Documentación oficial](https://jestjs.io/docs/es-ES/asynchronous) -

- -- [ ] **Uso de mocks y espías** - -
Links

- - * [Manual Mocks con Jest - Documentación oficial](https://jestjs.io/docs/es-ES/manual-mocks) -

- -- [ ] **Uso de linter (ESLINT)** - -- [ ] **Uso de identificadores descriptivos (Nomenclatura y Semántica)** - -- [ ] **Diferenciar entre expresiones (expressions) y sentencias (statements)** - -### Control de Versiones (Git y GitHub) - -- [ ] **Git: Instalación y configuración** - -- [ ] **Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)** - -- [ ] **Git: Integración de cambios entre ramas (branch, checkout, fetch, merge, reset, rebase, tag)** - -- [ ] **GitHub: Creación de cuenta y repos, configuración de llaves SSH** - -- [ ] **GitHub: Despliegue con GitHub Pages** - -
Links

- - * [Sitio oficial de GitHub Pages](https://pages.github.com/) -

- -### user-centricity - -- [ ] **Diseñar un producto o servicio poniendo a la usuaria en el centro** - -### product-design - -- [ ] **Crear prototipos de alta fidelidad que incluyan interacciones** - -- [ ] **Seguir los principios básicos de diseño visual** - -### Firebase - -- [ ] **Firebase Auth** - -
Links

- - * [Primeros pasos con Firebase Authentication en sitios web - Documentación oficial](https://firebase.google.com/docs/auth/web/start?hl=es) - * [Administra usuarios en Firebase (onAuthStateChanged)](https://firebase.google.com/docs/auth/web/manage-users?hl=es#get_the_currently_signed-in_user) -

- -- [ ] **Firestore** - -
Links

- - * [Firestore - Documentación oficial](https://firebase.google.com/docs/firestore?hl=es) - * [Reglas de seguridad de Firestore - Documentación oficial](https://firebase.google.com/docs/rules?hl=es) - * [Obtén actualizaciones en tiempo real con Cloud Firestore - Documentación oficial](https://firebase.google.com/docs/firestore/query-data/listen?hl=es) -

- -### Angular - -- [ ] **Components & templates** - -
Links

- - * [Angular Components Overview - Documentación oficial (en inglés)](https://angular.io/guide/component-overview) - * [Introduction to components and templates - Documentación oficial (en inglés)](https://angular.io/guide/architecture-components#introduction-to-components) -

- -- [ ] **Directivas estructurales (ngIf / ngFor)** - -
Links

- - * [Writing structural directives - Documentación oficial (en inglés)](https://angular.io/guide/structural-directives) -

- -- [ ] **@Input | @Ouput** - -
Links

- - * [Component interaction - Documentación oficial (en inglés)](https://angular.io/guide/component-interaction#component-interaction) -

- -- [ ] **Creación y uso de servicios** - -
Links

- - * [Providing services - Documentación oficial (en inglés)](https://angular.io/guide/architecture-services#providing-services) -

- -- [ ] **Manejo de rutas** - -
Links

- - * [In-app navigation: routing to views - Documentación oficial (en inglés)](https://angular.io/guide/router) -

- -- [ ] **Creación y uso Observables.** - -
Links

- - * [Observables in Angular - Documentación oficial (en inglés)](https://angular.io/guide/observables-in-angular) -

- -- [ ] **Uso de HttpClient** - -
Links

- - * [Communicating with backend services using HTTP - Documentación oficial (en inglés)](https://angular.io/guide/http) -

- -- [ ] **Estilos de componentes (ngStyle / ngClass)** - -
Links

- - * [Template syntax - Documentación oficial (en inglés)](https://angular.io/guide/template-syntax#built-in-directives) -

- -### React - -- [ ] **JSX** - -
Links

- - * [Presentando JSX - Documentación oficial](https://es.reactjs.org/docs/introducing-jsx.html) -

- -- [ ] **Componentes y propiedades (props)** - -
Links

- - * [Componentes y propiedades - Documentación oficial](https://es.reactjs.org/docs/components-and-props.html) -

- -- [ ] **Manejo de eventos** - -
Links

- - * [Manejando eventos - Documentación oficial](https://es.reactjs.org/docs/handling-events.html) -

- -- [ ] **Listas y keys** - -
Links

- - * [Listas y keys - Documentación oficial](https://es.reactjs.org/docs/lists-and-keys.html) -

- -- [ ] **Renderizado condicional** - -
Links

- - * [Renderizado condicional - Documentación oficial](https://es.reactjs.org/docs/conditional-rendering.html) -

- -- [ ] **Elevación de estado** - -
Links

- - * [Levantando el estado - Documentación oficial](https://es.reactjs.org/docs/lifting-state-up.html) -

- -- [ ] **Hooks** - -
Links

- - * [Presentando Hooks - Documentación oficial](https://es.reactjs.org/docs/hooks-intro.html) -

- -- [ ] **CSS modules** - -
Links

- - * [Adding a CSS Modules Stylesheet - Documentación de Create React App (en inglés)](https://create-react-app.dev/docs/adding-a-css-modules-stylesheet/) -

- -- [ ] **React Router** - -
Links

- - * [Quick Start - Documentación oficial (en inglés)](https://reactrouter.com/web/guides/quick-start) -

- -### Vue - -- [ ] **Instancia de Vue.js** - -
Links

- - * [La instancia Vue - Documentación oficial](https://es.vuejs.org/v2/guide/instance.html) -

- -- [ ] **Datos y métodos** - -
Links

- - * [Datos y Métodos - Documentación oficial](https://es.vuejs.org/v2/guide/instance.html#Datos-y-Metodos) -

- -- [ ] **Uso y creación de componentes** - -
Links

- - * [Conceptos Básicos de Componentes - Documentación oficial](https://es.vuejs.org/v2/guide/components.html) -

- -- [ ] **Props** - -
Links

- - * [Pasando datos a componentes secundarios con Props - Documentación oficial](https://es.vuejs.org/v2/guide/components.html#Pasando-datos-a-componentes-secundarios-con-Props) -

- -- [ ] **Directivas (v-bind | v-model)** - -
Links

- - * [v-bind - Documentación oficial](https://es.vuejs.org/v2/api/#v-bind) - * [Binding en Formularios - Documentación oficial](https://es.vuejs.org/v2/guide/forms.html) -

- -- [ ] **Iteración (v-for)** - -
Links

- - * [Mapeando una matriz a elementos con v-for - Documentación oficial](https://es.vuejs.org/v2/guide/list.html#Mapeando-una-matriz-a-elementos-con-v-for) -

- -- [ ] **Eventos (v-on)** - -
Links

- - * [Manejo de eventos - Documentación oficial](https://es.vuejs.org/v2/guide/events.html) -

- -- [ ] **Propiedades Computadas y Observadores** - -
Links

- - * [Propiedades Computadas y Observadores](https://es.vuejs.org/v2/guide/computed.html) -

- -- [ ] **Routing** - -
Links

- - * [Getting Started - Documentación oficial de Vue Router](https://router.vuejs.org/guide/#html) -

- -- [ ] **Clases y Estilos** - -
Links

- - * [Enlace Clases y Estilos - Documentación oficial](https://es.vuejs.org/v2/guide/class-and-style.html) -

- -## 4. Consideraciones generales - -* Este proyecto se debe "resolver" de forma individual. - -* La duración estimada del proyecto es de 4 sprints, con una duración de una - semana cada uno. - -* Trabaja en una historia hasta terminarla antes de pasar a la siguiente. - -* La aplicación debe ser un _Single Page App_. Las notas serán realizadas desde -una _tablet_, pero **no debe ser una app nativa**, sino una web app que sea -**responsive** y pueda funcionar **offline**. - -* Necesitamos pensar bien en el aspecto UX de quienes van a tomar las notas, el -tamaño y aspecto de los botones, la visibilidad del estado actual del pedido, -etc. - -* Implementar pruebas unitarias de tus componentes. - -## 5. Criterios de aceptación mínimos del proyecto - -### Definición del producto - -La [_Product Owner_](https://youtu.be/r2hU7MVIzxs) nos presenta este _backlog_ -que es el resultado de su trabajo colaborativo. - -*** - -### Historias de usuaria - -#### [Historia de usuaria 1] Debería poder crear cuenta, iniciar y cerrar sesión - -Yo como usuaria debo poder crear una cuenta y autenticarme usando login de -Google para acceder a mis notas. - -*** - -#### [Historia de usuaria 2] Debería poder tomar nota - -Yo como usuaria quiero tomar nota para no depender de mi mala -memoria y tener presente en todo momento los apuntes ó cosas importantes que -antes escribía en papel. - -*** - -#### [Historia de usuaria 3] Debería poder ver las notas - -Yo como usuaria quiero leer mis notas para recordar lo que escribí -antes. - -*** - -#### [Historia de usuaria 4] Debería poder editar las notas - -Yo como usuaria quiero editar notas para poder modificar lo que -escribí antes. - -*** - -#### [Historia de usuaria 5] Debería poder borrar notas - -Yo como usuaria quiero borrar una nota para no volver a verla. - -*** - -##### Criterios de aceptación - -Lo que debe ocurrir para que se satisfagan las necesidades del usuario - -* Anotar un título a mi nota -* Agregar el contenido de mi nota. -* Ver todas mis notas. -* Ver la última modificación de la nota. -* Modificar las notas. -* Eliminar notas. -* Se ve y funciona bien en una _Tablet_ - -##### Definición de terminado - -Lo acordado que debe ocurrir para decir que la historia está terminada. - -* Debes haber recibido _code review_ de al menos una compañera. -* Haces _test_ unitarios y, además, has testeado tu producto manualmente. -* Desplegaste tu aplicación y has etiquetado tu versión ([`git tag`](https://youtu.be/5DkX3HFgklM)). - -## 6. Consideraciones técnicas - -El proyecto deberá contener los siguientes archivos base de configuración, -aunque no serán los únicos archivos que quizás tendrás que crear. - -* `README.md` es donde se encontrará la descripción del proyecto y elementos - relevantes de tu proyecto. -* `.editorconfig` este archivo contiene la configuración para editores de texto. -* `.gitignore` este archivo contiene reglas para ignorar `node_modules` u otras - carpetas que no deban incluirse en control de versiones (`git`). -* `.eslintrc` este archivo contiene reglas para formatear el código además de - ser una buena practica tener configurado un linter. - -Para este proyecto necesitas crear una Web App con **una librería o -framework de JavaScript** (`React`, `Angular` o `Vue`) y **Firebase**. - -Para este proyecto tendrás que manejar _vistas_. Esto significa que cada sección -tendrá su propia URL, la cual indica que _vista_ o _componente_ será mostrado en -pantalla. Para ello necesitaremos investigar acerca de _la API para el manejo de -rutas (en la librería o framework que elijas)_ y el concepto de _Single Page -Application_. - -## 7. Hacker Edition - -Una vez que hayas terminado las funcionalidades base del proyecto, puedes -pasarte a esta sección. - -* Si la usuaria empieza a escribir una nota y por alguna razón la pestaña del - navegador se cierra, cuando la vuelva a abrir, la nota debería mostrarse como - estaba. -* Subir imágenes. -* Ver el número de veces que he editado mi nota. -* Consumo de API/s (Google Maps, Spotify, Pinterest, etc.) -* Progressive Web App (PWA). -* Puedes crear categorías y clasificar por tipo de nota. -* Guardar el color de la nota. -* Crear una nota como publica. - -## 8. Pistas, tips y lecturas complementarias - -### Frameworks / libraries - -* [React](https://reactjs.org/) -* [Angular](https://angular.io/) -* [Vue](https://es.vuejs.org/index.html) - -### Herramientas - -* [npm-scripts](https://docs.npmjs.com/misc/scripts) -* [Babel](https://babeljs.io/) -* [webpack](https://webpack.js.org/) - -### PWA - -* [Tu primera Progressive Web App - Google developers](https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/?hl=es) -* [Progressive Web Apps - codigofacilito.com](https://codigofacilito.com/articulos/progressive-apps) -* [offlinefirst.org](http://offlinefirst.org/) -* [Usando Service Workers - MDN](https://developer.mozilla.org/es/docs/Web/API/Service_Worker_API/Using_Service_Workers) -* [Cómo habilitar datos sin conexión - Firebase Docs](https://firebase.google.com/docs/firestore/manage-data/enable-offline?hl=es-419) - -### Otros recursos - -* [create-react-app](https://create-react-app.dev/docs/getting-started) -* [npm-scripts](https://docs.npmjs.com/misc/scripts) -* [deploy con gh-pages](https://medium.com/the-andela-way/how-to-deploy-your-react-application-to-github-pages-in-less-than-5-minutes-8c5f665a2d2a) -* [Usando Service Workers - MDN](https://developer.mozilla.org/es/docs/Web/API/Service_Worker_API/Using_Service_Workers) -* [What is a Single Page Application](https://medium.com/@NeotericEU/single-page-application-vs-multiple-page-application-2591588efe58) +- [Español](#-LabNotes-MyNotes) +- [English](#-Lab-Notes-MyNotes) + +#

LabNotes MyNotes

+ +![Show Mockups](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20CV/Projects/LabNotes.jpg) + +

Despliegue del proyecto:

+

En proceso...

+ +--- + +## Índice + +- [1. Resumen del proyecto](#1.-Resumen-del-proyecto) +- [2. Tech Skills del Proyecto](#2.-Tech-Skills-del-Proyecto) +- [3. Planeación](#3-Planeación) +- [4. Investigación UX](#4.-Investigación-UX) +- [5. Bocetaje + Prototipo + Feedback ](5.-Bocetaje-+-Prototipo-+-Feedback-de-iteración) + +--- + +

+ +## 1. Resumen del proyecto + +- DESCRIPCIÓN + +En este proyecto se realizó una aplicación web para tomar notas, que nos permita crear, editar, eliminar y consultarlas en cualquier momento. +No existe día que no tomemos notas, siempre necesitamos apuntar alguna dirección, número telefónico, notas de alguna reunión o guardar nuestras URLs favoritas para poder consultarlas más tarde. Muchas veces para esta actividad utilizamos libretas o agendas que terminan siendo olvidadas, o anotamos de manera dispersa de tal manera que perdemos de vista la prioridad y el propósito de la nota lo cual da como resultado una nota perdida. + +- RESUMEN TÉCNICO + +Desarrollo de aplicación web, diseñada principalmente para tablet. Esta es una aplicación creada para la toma notas mediante CRUD, en la cual se pueden guardar, editar y eliminar. Ademas cuenta con la opcion de dar color a la nota , archivar, guardar en colección y mandar a papelera. Las notas se renderizan según el usuario que las crea. + +El entorno de la aplicación se creó en base a patrones de diseño a manera de que sus componentes sean reutilizables y escalables, esto mediante renderizado condicional y una simulación de context llevado a cabo con singleton, En este proyecto realizamos pruebas de usabilidad mediante Maze para sus iteraciones y pruebas unitarias con react testing library así como pruebas manuales y uso de eslint para asegurar la calidad de desarrollo y control de versiones mediante Git. + +

+ +--- + +

+ +## 2. Tech Skills del Proyecto + +### HTML 5 + +- Semántico + +### CSS 3 + +- Selectores de CSS +- Box Model +- Flexbox +- Grid Layout +- Media queries + +### Web APIs + +- Uso de selectores del DOM +- Manejo de eventos del DOM +- Manipulación dinámica del DOM +- Ruteado + +### JavaScript ES6 Vanilla + +- Datos primitivos +- Strings +- Variables +- Funciones +- Condicionales +- Bucles/ciclos +- Arrays +- Objetos +- Callbacks +- Promesas +- Módulos de ECMAScript. +- Uso de linter (ESLINT) + +### React + +- JSX +- Componentes y propiedades (props) +- Manejo de eventos +- Listas y keys +- Renderizado condicional +- Elevación de estado +- Hooks +- React Router + +### Firebase + +- Firebase Auth +- Firestore + +### Control de versiones Git- Github + +- Git: Init, clone, add, commit, status, push, pull, remote, checkout +- GitHub: Despliegue con Netlify. + +### User-centricity + +- Diseñar un producto o servicio poniendo a la usuaria en el centro + +### Product-design + +- Crear prototipos de alta fidelidad que incluyan interacciones +- Seguir los principios básicos de diseño visual + +### Research + +- Planear y ejecutar testeos de usabilidad de prototipos en distintos niveles de fidelidad (Maze) + +

+ +--- + +

+ +## 3. Planeación + +Este proyecto se realizó con metodologías agiles SCRUM en 4 sprints de 1 semana en la cual se trabajaron historias de usuario. + +Puedes ver la planeación [aquí](https://github.com/users/AnnaLizarraga/projects/1/views/2) + +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/HU-1.png) + +

Fig 1. Historia de usuario 1

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/HU-2.png) + +

Fig 2. Historia de usuario 2

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/HU-3.png) + +

Fig 3. Historia de usuario 3

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/HU-4.png) + +

Fig 4. Historia de usuario 4

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/HU-5.png) + +

Fig 5. Historia de usuario 5

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/4425c5292b88b8255bdcc206dc4d04c9a4c05c4b/Assets%20%20myNotes/HU6.png) + +

Fig 6. Historia de usuario 6

+ +--- + +

+ +## 4. Investigación UX + +- ¿Quiénes son los usuarios de este producto? + +Los usuarios de esta herramienta son principalmente jóvenes – adultos que tienen cierta predilección a olvidar cosas, por ello requieren de herramientas para tomar apuntes o hacer recordatorios de sus ideas, actividades, etc. + +- ¿Cómo soluciona los problemas de los usuarios este producto? + +MyNotes es una herramienta que cubre estas necesidades de crear recordatorios o un espacio para plasmar sus ideas, además de ser intuitiva y te da la opción de crear colecciones según el tipo de nota que se va a crear para tener dichas notas mas organizadas. + +

+ +--- + +

+ +## 5. Prototipos + Feedback de iteración + +- Resumen del feedback + +Se realizaron diferentes pruebas de usabilidad a través de la plataforma de maze para poder corroborar que la aplicación estaba siendo intuitiva y amigable con los usuarios. Se observaron puntos de mejora en la adaptabilidad al usuario con cada una de ellas. + +

+ +![Shows VIiews](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/prototipo%20baja%20fidelidad.png) + +

Fig 1. Prototipo baja fidelidad

+ +![Shows VIiews](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/prototipo%20alta%20fidelidad.png) + +

Fig 1. Prototipo alta fidelidad

+ +##

+ +#

Lab Notes MyNotes

+ +![Show Mockups](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20CV/Projects/LabNotes.jpg) + +

Project Deploy:

+

In process...

+ +--- + +## Index + +- [1. Summary of the project](#1.-Summary-of-the-project) +- [2. Technical project skills](#2.-Project-Tech-Skills) +- [3. Planning](#3.-Planning) +- [4. UX Research](#4.-UX-Research) +- [5. Sketches + Prototypes + Feedback](#5-Sketching-+-Prototyping-+-Iteration-Feedback) + +--- + +

+ +## 1. Summary of the project + +- DESCRIPTION + +In this project we made a web application to take notes, which allows us to create, edit, delete and consult them at any time. +There is no day that we do not take notes, we always need to write down an address, phone number, notes of a meeting or save our favorite URLs for later reference. Many times for this activity we use notebooks or agendas that end up being forgotten, or we write down in a scattered way in such a way that we lose sight of the priority and purpose of the note which results in a lost note. + +- TECHNICAL SUMMARY + +Web application development, designed primarily for tablet. This is an application created for taking notes using CRUD, in which you can save, edit and delete. It also has the option to give color to the note, archive, save to collection and send to trash. The notes are rendered according to the user who creates them. + +The application environment was created based on design patterns so that its components are reusable and scalable, this through conditional rendering and a context simulation carried out with singleton. In this project we performed usability tests using Maze for its iterations and unit tests with react testing library as well as manual tests and use of eslint to ensure the quality of development and version control through Git. + +

+ +--- + +

+ +## 2. Tech Skills del Proyecto + +### HTML 5 + +- Semantics + +### CSS 3 + +- CSS Selectors +- Box Model +- Flexbox +- Grid Layout +- Media queries + +### Web APIs + +- Using DOM selectors +- DOM Event Handling +- Dynamic DOM Manipulation +- Routing + +### JavaScript ES6 Vanilla + +- Primitive data +- Strings +- Variables +- Functions +- Conditionals +- Loops/cycles +- Arrays +- Objects +- Callbacks +- Promises +- ECMAScript modules. +- Use of linter (ESLINT) + +### React + +- JSX +- Components and properties (props) +- Event handling +- Lists and keys +- Conditional rendering +- State elevation +- Hooks +- React Router + +### Firebase + +- Firebase Auth +- Firestore + +### Git- Github version control + +- Git: Version control with git (init, clone, add, commit, status, push, pull, remote) +- GitHub: Deployment with Netlify. + +### User-centricity + +- Designing a product or service with the user at the center. + +### Product-design + +- Create high-fidelity prototypes that include interactions. +- Follow basic visual design principles + +### Research + +- Plan and execute usability testing of prototypes at different levels of fidelity (Maze) + +

+ +--- + +

+ +## 3. Planning + +This project was carried out with SCRUM agile methodologies in 4 sprints of 1 week in which user stories were worked. + +You can see the planning [here](https://github.com/users/AnnaLizarraga/projects/1/views/2) + +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/US-1.png) + +

Fig 1. User story 1

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/US-2.png) + +

Fig 2. User story 2

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/US-3.png) + +

Fig 3.User story 3

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/US-4.png) + +

Fig 4. User story 4

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/US-5.png) + +

Fig 5. User story 5

+ +![Shows User stories](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/US-6.png) + +

Fig 6. User story 6

+ +--- + +

+ +## 4. UX Research + +- Who are the users of this product? + +The users of this tool are mainly young people - adults who have a certain predilection for forgetting things, so they require tools to take notes or make reminders of their ideas, activities, etc. + +- How does this product solve user's problems? + +MyNotes is a tool that covers these needs to create reminders or a space to capture your ideas, besides being intuitive and gives you the option to create collections according to the type of note to be created to have these notes more organized. + +

+ +--- + +

+ +## 5. Sketching + Prototyping + Iteration Feedback + +- Summary of feedback + +Different usability tests were performed through the maze platform in order to corroborate that the application was being intuitive and user friendly. Points of improvement in user adaptability were observed with each one of them. + +

+ +![Shows VIiews](https://raw.githubusercontent.com/AnnaLizarraga/Assets/main/Assets%20%20myNotes/prototype%20low.png) + +

Fig 1. Low fidelity prototype

+ +--- + +

+ +![Shows VIiews](https://github.com/AnnaLizarraga/Assets/blob/main/Assets%20%20myNotes/protoype%20high.png?raw=true) + +

Fig 1. High fidelity prototype

+ +--- diff --git a/app-myNotes/build/Favicon.png b/app-myNotes/build/Favicon.png new file mode 100644 index 00000000..ff35d1b6 Binary files /dev/null and b/app-myNotes/build/Favicon.png differ diff --git a/app-myNotes/build/asset-manifest.json b/app-myNotes/build/asset-manifest.json new file mode 100644 index 00000000..6f902a3e --- /dev/null +++ b/app-myNotes/build/asset-manifest.json @@ -0,0 +1,17 @@ +{ + "files": { + "main.css": "/static/css/main.d83689db.css", + "main.js": "/static/js/main.396ee094.js", + "static/js/787.1c614b32.chunk.js": "/static/js/787.1c614b32.chunk.js", + "static/media/myNotes.png": "/static/media/myNotes.f609f1f8d0df314b34e3.png", + "static/media/LogoN.png": "/static/media/LogoN.b4aee323a24a61c42234.png", + "index.html": "/index.html", + "main.d83689db.css.map": "/static/css/main.d83689db.css.map", + "main.396ee094.js.map": "/static/js/main.396ee094.js.map", + "787.1c614b32.chunk.js.map": "/static/js/787.1c614b32.chunk.js.map" + }, + "entrypoints": [ + "static/css/main.d83689db.css", + "static/js/main.396ee094.js" + ] +} \ No newline at end of file diff --git a/app-myNotes/build/index.html b/app-myNotes/build/index.html new file mode 100644 index 00000000..b706aec9 --- /dev/null +++ b/app-myNotes/build/index.html @@ -0,0 +1 @@ +myNotes
\ No newline at end of file diff --git a/app-myNotes/build/static/css/main.d83689db.css b/app-myNotes/build/static/css/main.d83689db.css new file mode 100644 index 00000000..d2df4a1b --- /dev/null +++ b/app-myNotes/build/static/css/main.d83689db.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,200;0,400;0,600;0,700;0,900;1,100;1,200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#23262f;color:#fff;font-family:Work Sans,Inter,sans-serif;height:auto;margin:0;width:100vh}.logo_mynotes{height:auto;left:32.5%;position:absolute;top:7%;width:35%}.slogan{color:#6f6e6e;font-family:Work Sans;font-size:.5rem;font-weight:700;top:24%}.slogan,.welcome{left:12.5%;letter-spacing:-.02em;position:absolute;text-align:center;width:75%}.welcome{font-size:.3rem;font-weight:400;top:35%}.footer,.welcome{color:#0ff;font-family:Inter}.footer{display:flex;flex-direction:row;font-size:.2rem;justify-content:center;left:12.5%;letter-spacing:-.02em;position:absolute;top:90%;width:75%}.input_iconr{height:.25rem;margin:0 .1rem;width:.25rem}@media only screen and (min-width:1200px){.logo_mynotes{left:30%;top:7%;width:40%}.slogan{font-size:2.8rem;top:24%}.welcome{font-size:2.5rem;top:35%}.footer{font-size:1.5rem}.input_iconr{height:1.8rem;width:1.8rem}}@media only screen and (min-width:600px){.logo_mynotes{left:20%;top:10%;width:60%}.slogan{font-size:2rem;top:25%}.welcome{font-size:2rem;top:30%}.footer{font-size:1.5rem}.input_iconr{height:1.8rem;width:1.8rem}}.providers_content{align-items:center;display:flex;flex-direction:column;height:auto;left:30%;position:absolute;top:50%;width:40%}.btn_provider{align-items:center;border:.5px solid #00f7ff;display:flex;height:.8rem;margin:.2rem 0;width:100%}.provider_icon{height:.5rem;margin:.1rem .5rem;position:absolute;width:.5rem}.btn_send_prov{align-items:center;background-color:#23262f;border:none;color:#fff;display:flex;font-family:Inter;font-size:.3rem;font-style:normal;font-weight:400;height:.8rem;justify-content:center;outline:none;width:100%}@media only screen and (min-width:620px){.providers_content{height:14rem;left:15%;top:40%;width:70%}.btn_provider{border:3px solid #00f7ff;border-radius:11px;font-size:1.2rem;height:10rem;margin:1rem;text-align:center}.provider_icon{height:2.2rem;margin:1.5rem 2rem;width:2.2rem}.btn_send_prov{font-size:1.7rem;height:5rem;justify-content:center;width:100%}}.header{background:linear-gradient(90deg,#b2fefa,#0ed2f7);height:22%;position:fixed;width:100%;z-index:1}.logo_n{height:auto;left:7%;width:6rem}.info_container,.logo_n{position:absolute;top:2rem}.info_container{display:flex;flex-direction:column;left:25%}.user_name{color:#23262f;font-family:Inter;font-size:3rem;font-style:bold;font-weight:700;margin:.5rem 0}.current_date{color:#646464;font-family:Inter;font-size:1.3rem;font-weight:400;letter-spacing:-.02em}.user_img{border-radius:360px;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));height:6rem;position:absolute;right:8%;top:2.5rem;width:6rem}.input_search{background:hsla(0,0%,100%,.59);border-radius:21px;height:3.5rem;left:7%;position:absolute;top:70%;width:85%}input[type=text]{background:hsla(0,0%,100%,0);border:none;color:#23262f;font-size:1.7rem;font-weight:400;height:85%;outline:none;padding-left:2rem;width:80%}.search_icon{height:2rem;position:absolute;right:5%;top:20%;width:2rem}.nav_menu{background-color:#23262f;display:flex;flex-direction:row;height:10%;position:fixed;top:22%;width:100%;z-index:1}.all_notes_cont,.colections_cont{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;width:50%}.icon_notes{height:3rem;margin:1rem;width:3rem}.all_notes{color:#0ff}.all_notes,.colections{font-family:Inter;font-size:2rem;font-style:bold;font-weight:700}.colections{color:#646464}main{height:65%;left:7%;position:absolute;top:33%;width:85%}.footer_menu{align-items:center;background-color:#343846;bottom:0;display:flex;flex-direction:row;height:7%;justify-content:space-around;position:fixed;width:100%}.icon_add{height:auto;position:absolute;top:-90%;width:9rem}.modal_Overlay{background-color:rgba(0,0,0,.79);bottom:0;display:block;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.modal_container{background:#343846;border-radius:35px;height:60%;left:5%;position:fixed;top:20%;width:90%;z-index:1000}.iconModal_back{height:2.5rem;margin:.5rem;position:absolute;right:3%;top:2%;width:2.5rem;z-index:10000}.modal_tittle{align-items:center;display:flex;font-size:3rem;height:15%;top:0}.modal_note,.modal_tittle{padding-left:10%;position:absolute;text-transform:capitalize;width:80%}.modal_note{word-wrap:break-word;font-size:2rem;height:70%;text-align:left;top:15%}.line_modal{background-color:#fff;height:2px;left:2.5%;position:absolute;top:87%;width:95%}.date_modal_container{display:flex;flex-direction:row;height:auto;margin-top:1rem;position:absolute;position:relative;top:87%;width:100%}.iconModal_edit{height:2.5rem;margin:.5rem;position:absolute;right:3%;top:78%;width:2.5rem;z-index:10000}.getNote_colection_container,.getNote_container{display:flex;flex-direction:column;height:auto;width:100%;z-index:-1}.getNote_colection_container{position:absolute;top:6%}.header_colection_container{align-items:center;background-color:#23262f;display:flex;flex-direction:row;height:8%;justify-content:center;left:5%;position:fixed;text-align:center;top:29%;width:90%;z-index:99}.note_colection_select{font-family:Inter;font-size:2.5rem;font-style:bold;font-weight:700;margin:1rem;text-align:right;text-transform:capitalize}.printNote_container{background-color:#0ff;border-radius:35px;height:16rem;margin:.3rem 0;width:100%}.printNote_container:last-of-type{margin-bottom:20%}.header_note_container{display:flex;flex-direction:row;width:100%}.colection_saved{font-size:1.5rem;font-weight:200;padding-right:2.5rem;text-align:right;width:20%}.colection_saved,.note_tittle{font-family:Inter;height:4rem;margin:1rem 0;text-transform:capitalize}.note_tittle{font-size:2rem;font-weight:500;width:80%}.note_text,.note_tittle{word-wrap:break-word;padding:0 3rem}.note_text{font-family:Inter;font-size:1.6rem;font-weight:200;height:5rem;margin:0;text-transform:capitalize}.line{background-color:#fff;height:2px;left:2.5%;margin:1rem 0;position:absolute;width:95%}.date_container{display:flex;flex-direction:row;height:auto;margin-top:1rem;position:relative;width:100%}.note_mofifDate{justify-content:flex-start;padding-left:2.5rem}.note_Date,.note_mofifDate{display:flex;height:auto;width:50%}.note_Date{justify-content:flex-end;padding-right:2.5rem}.colection_style{align-items:center;border:3px solid #0ff;border-radius:10px;display:flex;height:10%;justify-content:flex-start;margin:.5rem 0;text-align:left;width:100%}.colection_icon{height:3rem;margin:1rem;width:3rem;z-index:999}.btn_colection{background-color:#23262f;border:none;color:#0ff;font-family:Inter;font-size:1.7rem;height:4rem;left:1%;margin:2rem 0;outline:none;padding-left:7rem;position:absolute;text-align:left;width:98%}.deleted_notes_content{height:auto;position:absolute;top:60%;width:100%}#shade{color:#646464}#btn_shade{border:3px solid #646464}.background_notes{background-color:#343846;height:70%;position:absolute;width:100%;z-index:-1}.input_section{display:flex;flex-direction:column;height:50%;left:10%;position:absolute;top:8%;width:80%}.tittle{height:20%;margin-bottom:1rem;width:100%}.input_tittle{border:none;border-bottom:3px solid #fff;display:flex;flex-direction:row;height:80%;width:96%}.input_tittle,input{font-size:3rem;text-align:left}input{background-color:hsla(0,0%,100%,0);border:none;color:#fff;font-family:Inter;font-weight:700;height:20%;outline:none;padding-left:1.5rem;text-transform:capitalize;width:80%}.input_tittle::-webkit-input-placeholder{color:#dcdcdc}.input_tittle:-ms-input-placeholder{color:#dcdcdc}.input_tittle::placeholder{color:#dcdcdc}textarea::-webkit-input-placeholder{color:#dcdcdc}textarea:-ms-input-placeholder{color:#dcdcdc}textarea::placeholder{color:#dcdcdc}.text_note{align-items:center;border:3px solid #fff;border-radius:3%;color:#fff;display:flex;height:75%;justify-content:center;width:100%}textarea{background-color:hsla(0,0%,100%,0);border:none;color:#fff;font-weight:400;height:90%;margin:0;outline:none;text-align:left;text-transform:capitalize;width:90%}.current_note_date,textarea{font-family:Inter;font-size:2rem}.current_note_date{display:flex;height:auto;justify-content:center;position:absolute;top:59%;width:100%}.select_colections{background-color:#23262f;border:none;color:#fff;font-family:Inter;font-size:1.7rem;margin-left:5%;outline:none;text-align:center;width:90%}.action_content{background-color:#23262f;border-radius:54px 54px 0 0;bottom:0;height:36%;position:absolute;width:100%}.text_colors{display:flex;font-family:Inter;font-size:1.5rem;justify-content:center;top:5%;width:100%}.color_notes,.text_colors{height:auto;position:absolute}.color_notes{display:inline-flex;justify-content:space-around;left:30%;top:15%;width:40%}#color{border-radius:50%;height:3rem;width:3rem}.gray{background-color:#343846}.Maldives{background:linear-gradient(90deg,#51d3e4,#08b6d9)}.Purpink{background:linear-gradient(270deg,#8818f7,#e100ff)}.Neonlife{background:linear-gradient(90deg,#aeb530,#57b95a)}.Neuromancer{background:linear-gradient(90deg,#f953c6,#b91d73)}.themeBlackFont{color:#23262f}.btns_content{align-items:center;display:flex;flex-direction:column;height:60%;left:15%;position:absolute;top:30%;width:70%}.btn_actions{border:3px solid #00f7ff;border-radius:11px}.btn_action_delete,.btn_actions{display:flex;flex-direction:row;font-size:1.2rem;height:3rem;margin:.3rem 0;text-align:center;width:100%}.btn_action_delete{border:3px solid #646464;border-radius:11px}.btn_action{color:#fff}.btn_action,.btn_actionDelete{align-items:center;background-color:#23262f;border:none;display:flex;font-family:Inter;font-size:1.7rem;height:auto;justify-content:center;margin-left:5%;outline:none;width:90%}.btn_actionDelete{color:#646464}.note_icon{height:2rem;margin:.5rem 2rem;position:absolute;width:2rem}.header_container{align-items:center;display:flex;flex-direction:row;height:10%;justify-content:center;position:absolute;text-align:center;width:100%}.icon_back,.icon_create_note{height:3rem;margin:.5rem;width:3rem}.icon_back{position:absolute;right:5%}.note_colection{font-family:Inter;font-size:2.5rem;font-style:bold;font-weight:700;margin:1rem;text-align:right;text-transform:capitalize} +/*# sourceMappingURL=main.d83689db.css.map*/ \ No newline at end of file diff --git a/app-myNotes/build/static/css/main.d83689db.css.map b/app-myNotes/build/static/css/main.d83689db.css.map new file mode 100644 index 00000000..e4a857ee --- /dev/null +++ b/app-myNotes/build/static/css/main.d83689db.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.d83689db.css","mappings":"+NAIA,KAGE,kCAAmC,CACnC,iCAAkC,CAClC,wBAAyB,CACzB,UAAc,CAJd,sCAA2C,CAM3C,WAAY,CAPZ,QAAS,CAMT,WAEF,CCXA,cAGE,WAAY,CACZ,UAAW,CAHX,iBAAkB,CAIlB,MAAO,CAHP,SAIF,CAEA,QAUE,aAAc,CAJd,qBAAwB,CAExB,eAAiB,CADjB,eAAgB,CAHhB,OAOF,CAEA,iBAVE,UAAW,CAMX,qBAAuB,CARvB,iBAAkB,CAIlB,iBAAkB,CAHlB,SAsBF,CAXA,SAQE,eAAgB,CADhB,eAAgB,CAJhB,OAQF,CAEA,iBAHE,UAAc,CALd,iBAoBF,CAZA,QASE,YAAa,CACb,kBAAmB,CAJnB,eAAgB,CAKhB,sBAAuB,CAPvB,UAAW,CAGX,qBAAuB,CANvB,iBAAkB,CAElB,OAAQ,CADR,SAUF,CAEA,aAEE,aAAc,CACd,cAAe,CAFf,YAGF,CAGA,0CAEE,cAEE,QAAS,CACT,MAAO,CAFP,SAGF,CAEA,QACE,gBAAiB,CACjB,OACF,CAEA,SACE,gBAAiB,CACjB,OACF,CAEA,QACE,gBACF,CAEA,aAEE,aAAc,CADd,YAEF,CACF,CAGC,yCACC,cAEE,QAAS,CACT,OAAQ,CAFR,SAGF,CAEA,QACE,cAAe,CACf,OACF,CAEA,SACE,cAAe,CACf,OACF,CAEA,QACE,gBACF,CAEA,aAEE,aAAc,CADd,YAEF,CACF,CC7GA,mBAME,kBAAmB,CAFnB,YAAa,CACb,qBAAsB,CAFtB,WAAY,CAKZ,QAAS,CAPT,iBAAkB,CAMlB,OAAQ,CALR,SAOF,CAEA,cAIE,kBAAmB,CACnB,yBAA2B,CAF3B,YAAa,CADb,YAAc,CAId,cAAgB,CALhB,UAMF,CAEA,eAGE,YAAa,CACb,kBAAsB,CAHtB,iBAAkB,CAClB,WAGF,CAEA,eAQE,kBAAmB,CALnB,wBAAyB,CAUzB,WAAY,CATZ,UAAY,CAEZ,YAAa,CADb,iBAAoB,CAMpB,eAAgB,CAFhB,iBAAkB,CAClB,eAAgB,CARhB,YAAc,CAKd,sBAAuB,CAKvB,YAAa,CAXb,UAaF,CAGC,yCAEC,mBAEA,YAAa,CAEb,QAAS,CADT,OAAQ,CAFR,SAIF,CAEA,cAKE,wBAAyB,CACzB,kBAAmB,CAJnB,gBAAiB,CADjB,YAAa,CAGb,WAAY,CADZ,iBAIF,CAEA,eAEE,aAAc,CACd,kBAAmB,CAFnB,YAGF,CAEA,eAIE,gBAAiB,CAFjB,WAAY,CACZ,sBAAuB,CAFvB,UAIF,CAEA,CC7EA,QACE,iDAAuD,CAEvD,UAAW,CACX,cAAe,CAFf,UAAW,CAGX,SACF,CAEA,QAGE,WAAY,CAEZ,OAAQ,CAHR,UAIF,CAEA,wBAPE,iBAAkB,CAGlB,QAUF,CANA,gBACE,YAAa,CACb,qBAAsB,CAGtB,QACF,CAEA,WAKE,aAAc,CAJd,iBAAoB,CAGpB,cAAe,CAFf,eAAgB,CAChB,eAAgB,CAGhB,cACF,CAEA,cAKE,aAAc,CAJd,iBAAoB,CAEpB,gBAAiB,CADjB,eAAgB,CAEhB,qBAEF,CAEA,UAIE,mBAAoB,CADpB,qDAAoD,CAApD,6CAAoD,CADpD,WAAY,CAGZ,iBAAkB,CAElB,QAAS,CADT,UAAW,CALX,UAOF,CAEA,cAME,8BAAkC,CAClC,kBAAmB,CAJnB,aAAc,CACd,OAAQ,CAHR,iBAAkB,CAIlB,OAAQ,CAHR,SAMF,CAGA,iBAIE,4BAAiC,CAEjC,WAAY,CAGZ,aAAc,CADd,gBAAiB,CADjB,eAAgB,CALhB,UAAW,CAGX,YAAa,CAFb,iBAAkB,CAFlB,SASF,CAEA,aAEE,WAAY,CAGZ,iBAAkB,CAFlB,QAAS,CACT,OAAQ,CAHR,UAKF,CAEA,UAQE,wBAAyB,CAPzB,YAAa,CACb,kBAAmB,CAGnB,UAAW,CAFX,cAAe,CAGf,OAAQ,CAFR,UAAW,CAGX,SAEF,CAWA,iCAJE,kBAAmB,CAJnB,YAAa,CACb,kBAAmB,CAEnB,WAAY,CAEZ,sBAAuB,CAHvB,SAaF,CAEA,YAEE,WAAY,CACZ,WAAY,CAFZ,UAGF,CAEA,WAKE,UACF,CAEA,uBAPE,iBAAoB,CAGpB,cAAe,CAFf,eAAgB,CAChB,eAWF,CANA,YAKE,aACF,CAEA,KAEE,UAAW,CAGX,OAAQ,CAFR,iBAAkB,CAClB,OAAQ,CAHR,SAKF,CAEA,aASE,kBAAmB,CARnB,wBAAyB,CAIzB,QAAW,CACX,YAAa,CACb,kBAAmB,CAJnB,SAAU,CAKV,4BAA6B,CAJ7B,cAAe,CAFf,UAQF,CAEA,UAIE,WAAY,CAHZ,iBAAkB,CAClB,QAAS,CACT,UAEF,CC9JA,eAQE,gCAAqC,CAHrC,QAAS,CAKT,aAAc,CAPd,WAAY,CAGZ,MAAO,CALP,cAAe,CAMf,OAAQ,CAHR,KAAM,CAFN,UAAW,CAOX,YAEF,CAEA,iBAME,kBAAmB,CACnB,kBAAmB,CAJnB,UAAW,CACX,OAAQ,CAHR,cAAe,CAIf,OAAQ,CAHR,SAAU,CAMV,YACF,CAEA,gBAGE,aAAc,CACd,YAAc,CAHd,iBAAkB,CAIlB,QAAS,CACT,MAAO,CAJP,YAAa,CAKb,aACF,CAEA,cASE,kBAAmB,CADnB,YAAa,CAHb,cAAe,CADf,UAAW,CAFX,KAQF,CAGA,0BAPE,gBAAiB,CALjB,iBAAkB,CAMlB,yBAA0B,CAJ1B,SAoBF,CAVA,YASE,oBAAqB,CAJrB,cAAe,CADf,UAAW,CAGX,eAAgB,CALhB,OAQF,CAEA,YAGE,qBAAoC,CADpC,UAAW,CAGX,SAAU,CADV,iBAAkB,CAElB,OAAQ,CALR,SAMF,CAGA,sBAKE,YAAa,CACb,kBAAmB,CAFnB,WAAY,CAIZ,eAAgB,CAPhB,iBAAkB,CAMlB,iBAAkB,CALlB,OAAQ,CACR,UAOF,CAEA,gBAGE,aAAc,CACd,YAAc,CAHd,iBAAkB,CAIlB,QAAS,CACT,OAAQ,CAJR,YAAa,CAKb,aACF,CCjFA,gDALE,YAAa,CACb,qBAAsB,CAFtB,WAAY,CADZ,UAAW,CAIX,UAWF,CARA,6BAME,iBAAkB,CAClB,MACF,CAEA,4BAOE,kBAAmB,CAInB,wBAAyB,CARzB,YAAa,CACb,kBAAmB,CAFnB,SAAU,CAIV,sBAAsB,CAItB,OAAQ,CAFR,cAAe,CAHf,iBAAkB,CAIlB,OAAQ,CARR,SAAU,CAWV,UACF,CACA,uBACE,iBAAoB,CAGpB,gBAAiB,CAFjB,eAAgB,CAChB,eAAgB,CAGhB,WAAY,CADZ,gBAAiB,CAEjB,yBACF,CAEA,qBAKE,qBAAyB,CAFzB,kBAAmB,CADnB,YAAa,CAEb,cAAe,CAHf,UAKF,CAEA,kCACE,iBACF,CAEA,uBAEE,YAAa,CACb,kBAAmB,CAFnB,UAGF,CACA,iBAOE,gBAAiB,CADjB,eAAgB,CAFhB,oBAAqB,CAKrB,gBAAiB,CARjB,SASF,CAEA,8BAPE,iBAAoB,CAHpB,WAAY,CACZ,aAAc,CAKd,yBAcF,CAVA,aAOE,cAAe,CADf,eAAgB,CALhB,SASF,CAEA,wBAHE,oBAAqB,CALrB,cAiBF,CATA,WAGE,iBAAoB,CAEpB,gBAAiB,CADjB,eAAgB,CAHhB,WAAY,CAMZ,QAAS,CADT,yBAGF,CAEA,MAGE,qBAAoC,CADpC,UAAW,CAGX,SAAU,CACV,aAAc,CAFd,iBAAkB,CAHlB,SAMF,CAEA,gBAGE,YAAa,CACb,kBAAmB,CAFnB,WAAY,CAIZ,eAAgB,CADhB,iBAAkB,CAJlB,UAMF,CAGA,gBAKE,0BAA2B,CAD3B,mBAGF,CAEA,2BANE,YAAa,CADb,WAAY,CADZ,SAcF,CANA,WAKE,wBAAyB,CAFzB,oBAGF,CC7HA,iBAUE,kBAAmB,CAJnB,qBAAyB,CACzB,kBAAmB,CAEnB,YAAa,CAPb,UAAW,CASX,0BAA2B,CAH3B,cAAe,CAHf,eAAgB,CAJhB,UAWF,CAGA,gBAEE,WAAY,CACZ,WAAY,CAFZ,UAAW,CAGX,WACF,CAEA,eAKE,wBAAyB,CAKzB,WAAY,CAJZ,UAAc,CACd,iBAAoB,CACpB,gBAAiB,CALjB,WAAY,CACZ,OAAQ,CASR,aAAc,CAJd,YAAa,CAGb,iBAAkB,CAXlB,iBAAkB,CAUlB,eAAgB,CAThB,SAYF,CAEA,uBAGE,WAAY,CAFZ,iBAAkB,CAGlB,OAAQ,CAFR,UAGF,CAEA,OACE,aACF,CAEA,WACE,wBACF,CCtDA,kBAIE,wBAAyB,CAFzB,UAAW,CACX,iBAAkB,CAFlB,UAAW,CAIX,UACF,CAEA,eAGE,YAAa,CACb,qBAAsB,CAFtB,UAAW,CAKX,QAAS,CAFT,iBAAkB,CAClB,MAAO,CALP,SAOF,CAEA,QAEE,UAAW,CACX,kBAAmB,CAFnB,UAGF,CAEA,cAQE,WAAgC,CAAhC,4BAAgC,CAHhC,YAAa,CACb,kBAAmB,CAJnB,UAAW,CADX,SAQF,CAEA,oBARE,cAAe,CACf,eAoBF,CAbA,MAYE,kCAAuC,CADvC,WAAY,CARZ,UAAc,CAEd,iBAAoB,CAEpB,eAAgB,CALhB,UAAW,CAQX,YAAa,CANb,mBAAoB,CAKpB,yBAA0B,CAR1B,SAYF,CAEA,yCACE,aACF,CAFA,oCACE,aACF,CAFA,2BACE,aACF,CAEA,oCACE,aACF,CAFA,+BACE,aACF,CAFA,sBACE,aACF,CAEA,WASE,kBAAmB,CAHnB,qBAAmB,CAHnB,gBAAiB,CAOjB,UAAc,CAHd,YAAa,CALb,UAAW,CAMX,sBAAuB,CAPvB,UAUF,CAEA,SAYE,kCAAuC,CADvC,WAAY,CARZ,UAAY,CAIZ,eAAgB,CALhB,UAAW,CAEX,QAAS,CAMT,YAAa,CAJb,eAAgB,CAGhB,yBAA0B,CAR1B,SAYF,CAGA,4BAXE,iBAAoB,CAGpB,cAiBF,CATA,mBAOE,YAAa,CALb,WAAY,CAMZ,sBAAuB,CALvB,iBAAkB,CAClB,OAAQ,CAHR,UAQF,CAGA,mBAEE,wBAAyB,CAKzB,WAAY,CAJZ,UAAY,CACZ,iBAAoB,CACpB,gBAAiB,CAIjB,cAAe,CAHf,YAAa,CAEb,iBAAkB,CAPlB,SASF,CC7GA,gBAME,wBAAyB,CADzB,2BAAgC,CADhC,QAAS,CAFT,UAAW,CACX,iBAAkB,CAFlB,UAMF,CAEA,aAKE,YAAa,CAFb,iBAAoB,CACpB,gBAAiB,CAEjB,sBAAuB,CAEvB,MAAO,CAPP,UAQF,CAEA,0BATE,WAAY,CAKZ,iBAYF,CARA,aAGE,mBAAoB,CACpB,4BAA6B,CAG7B,QAAS,CADT,OAAQ,CALR,SAOF,CAEA,OAGE,iBAAkB,CADlB,WAAY,CADZ,UAGF,CAEA,MACE,wBACF,CAEA,UACE,iDACF,CAEA,SACE,kDACF,CAEA,UACE,iDACF,CAEA,aACE,iDACF,CAEA,gBACE,aACF,CAEA,cAME,kBAAmB,CAFnB,YAAa,CACb,qBAAsB,CAHtB,UAAW,CAMX,QAAS,CALT,iBAAkB,CAIlB,OAAQ,CANR,SAQF,CAEA,aAOE,wBAAyB,CACzB,kBAEF,CAEA,gCAPE,YAAa,CACb,kBAAmB,CAHnB,gBAAiB,CADjB,WAAY,CAOZ,cAAgB,CALhB,iBAAkB,CAHlB,UAqBF,CAVA,mBAOE,wBAAyB,CACzB,kBAEF,CAEA,YAIE,UASF,CAEA,8BALE,kBAAmB,CAPnB,wBAAyB,CAKzB,WAAY,CACZ,YAAa,CAJb,iBAAoB,CACpB,gBAAiB,CAJjB,WAAY,CASZ,sBAAuB,CACvB,cAAe,CALf,YAAa,CANb,SA2BF,CAbA,kBAIE,aASF,CAEA,WAGE,WAAY,CACZ,iBAAkB,CAHlB,iBAAkB,CAClB,UAGF,CClIA,kBAOE,kBAAmB,CAJnB,YAAa,CACb,kBAAmB,CAFnB,UAAW,CAIX,sBAAsB,CAEtB,iBAAkB,CAHlB,iBAAkB,CAJlB,UAQF,CAQA,6BAJE,WAAY,CACZ,YAAa,CAFb,UAWF,CANA,WAIE,iBAAiB,CACjB,QACF,CAEA,gBACE,iBAAoB,CAGpB,gBAAiB,CAFjB,eAAgB,CAChB,eAAgB,CAGhB,WAAY,CADZ,gBAAiB,CAEjB,yBACF","sources":["index.css","Pages/Login.css","Components/styleProviders.css","Pages/Home.css","Components/styleModalNote.css","Components/styleNotesContainer.css","Components/styleColections.css","Components/styleImput.css","Components/styleActionNotes.css","Pages/CreateNote.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,200;0,400;0,600;0,700;0,900;1,100;1,200&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;700&display=swap');\n\n\nbody {\n margin: 0;\n font-family: 'Work Sans','Inter' sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: #23262F; \n color: #FFFFFF;\n width: 100vh;\n height: auto;\n}\n\n","/* Extra large devices (large laptops and desktops, 1200px and up) */\r\n\r\n.logo_mynotes {\r\n position: absolute;\r\n width: 35%;\r\n height: auto;\r\n left: 32.5%;\r\n top: 7%;\r\n}\r\n\r\n.slogan {\r\n position: absolute;\r\n width: 75%;\r\n left: 12.5%;\r\n top: 24%;\r\n text-align: center;\r\n font-family: 'Work Sans';\r\n font-weight: 700;\r\n font-size: 0.5rem;\r\n letter-spacing: -0.02em;\r\n color: #6f6e6e;\r\n}\r\n\r\n.welcome {\r\n position: absolute;\r\n width: 75%;\r\n top: 35%;\r\n left: 12.5%;\r\n font-family: 'Inter';\r\n text-align: center;\r\n font-weight: 400;\r\n font-size: .3rem;\r\n letter-spacing: -0.02em;\r\n color: #00FFFF;\r\n}\r\n\r\n.footer {\r\n position: absolute;\r\n width: 75%;\r\n top: 90%;\r\n left: 12.5%;\r\n font-family: 'Inter';\r\n font-size: .2rem;\r\n letter-spacing: -0.02em;\r\n color: #00FFFF;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n}\r\n\r\n.input_iconr {\r\n width: .25rem;\r\n height: .25rem;\r\n margin: 0 .1rem;\r\n}\r\n\r\n/* Large devices (laptops/desktops, 992px and up) */\r\n@media only screen and (min-width: 1200px) {\r\n\r\n .logo_mynotes {\r\n width: 40%;\r\n left: 30%;\r\n top: 7%;\r\n }\r\n\r\n .slogan {\r\n font-size: 2.8rem;\r\n top: 24%;\r\n }\r\n\r\n .welcome {\r\n font-size: 2.5rem;\r\n top: 35%;\r\n }\r\n\r\n .footer {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .input_iconr {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n}\r\n\r\n/* Medium devices (landscape tablets, 768px and up) */\r\n @media only screen and (min-width: 600px) {\r\n .logo_mynotes {\r\n width: 60%;\r\n left: 20%;\r\n top: 10%;\r\n }\r\n\r\n .slogan {\r\n font-size: 2rem;\r\n top: 25%;\r\n }\r\n\r\n .welcome {\r\n font-size: 2rem;\r\n top: 30%;\r\n }\r\n\r\n .footer {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .input_iconr {\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/* h1 {\r\n position:relative;\r\n font-family:'Inter';\r\n text-align: center;\r\n font-weight: 200;\r\n color: #00FFFF;\r\n\r\n}\r\nh1 span {\r\n background-color: #23262F;\r\n z-index:100;\r\n position:relative;\r\n padding:15px;\r\n}\r\nh1::after {\r\n content: '';\r\n position: absolute;\r\n width:100%;\r\n height:3px;\r\n left:3%;\r\n top:50%;\r\n background: white;\r\n z-index:50;\r\n} */","/* Extra large devices (large laptops and desktops, 1200px and up) */\r\n\r\n.providers_content{\r\n position: absolute;\r\n width: 40%;\r\n height: auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n top: 50%;\r\n left: 30%;\r\n}\r\n\r\n.btn_provider{\r\n width: 100%;\r\n height: 0.8rem;\r\n display: flex;\r\n align-items: center;\r\n border: 0.5px solid #00f7ff;\r\n margin: 0.2rem 0;\r\n}\r\n\r\n.provider_icon {\r\n position: absolute;\r\n width: .5rem;\r\n height: .5rem;\r\n margin: 0.1rem 0.5rem ;\r\n}\r\n\r\n.btn_send_prov{\r\n width: 100%;\r\n height: 0.8rem;\r\n background-color: #23262F;\r\n color: white;\r\n font-family: 'Inter';\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: .3rem;\r\n outline: none;\r\n border: none;\r\n}\r\n\r\n\r\n @media only screen and (min-width: 620px) { \r\n\r\n .providers_content{\r\n width: 70%;\r\n height: 14rem;\r\n top: 40%;\r\n left: 15%;\r\n}\r\n\r\n.btn_provider{\r\n height: 10rem;\r\n font-size: 1.2rem;\r\n text-align: center;\r\n margin: 1rem;\r\n border: 3px solid #00f7ff;\r\n border-radius: 11px;\r\n}\r\n\r\n.provider_icon {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n margin: 1.5rem 2rem;\r\n}\r\n\r\n.btn_send_prov{\r\n width:100%;\r\n height: 5rem;\r\n justify-content: center;\r\n font-size: 1.7rem;\r\n}\r\n\r\n} ",".header {\r\n background: linear-gradient(to right, #b2fefa, #0ed2f7);\r\n width: 100%;\r\n height: 22%;\r\n position: fixed;\r\n z-index: 1;\r\n}\r\n\r\n.logo_n {\r\n position: absolute;\r\n width: 6rem;\r\n height: auto;\r\n top: 2rem;\r\n left: 7%;\r\n}\r\n\r\n.info_container {\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n top: 2rem;\r\n left: 25%;\r\n}\r\n\r\n.user_name {\r\n font-family: 'Inter';\r\n font-style: bold;\r\n font-weight: 700;\r\n font-size: 3rem;\r\n color: #23262F;\r\n margin: .5rem 0;\r\n}\r\n\r\n.current_date {\r\n font-family: 'Inter';\r\n font-weight: 400;\r\n font-size: 1.3rem;\r\n letter-spacing: -0.02em;\r\n color: #646464;\r\n}\r\n\r\n.user_img {\r\n width: 6rem;\r\n height: 6rem;\r\n filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\r\n border-radius: 360px;\r\n position: absolute;\r\n top: 2.5rem;\r\n right: 8%;\r\n}\r\n\r\n.input_search {\r\n position: absolute;\r\n width: 85%;\r\n height: 3.5rem;\r\n left: 7%;\r\n top: 70%;\r\n background: rgb(255 255 255 / 59%);\r\n border-radius: 21px;\r\n}\r\n\r\n\r\ninput[type=text] {\r\n width: 80%;\r\n height: 85%;\r\n padding-left: 2rem;\r\n background: rgb(255 255 255 / 0%);\r\n outline: none;\r\n border: none;\r\n font-weight: 400;\r\n font-size: 1.7rem;\r\n color: #23262F;\r\n}\r\n\r\n.search_icon {\r\n width: 2rem;\r\n height: 2rem;\r\n right: 5%;\r\n top: 20%;\r\n position: absolute;\r\n}\r\n\r\n.nav_menu {\r\n display: flex;\r\n flex-direction: row;\r\n position: fixed;\r\n width: 100%;\r\n height: 10%;\r\n top: 22%;\r\n z-index: 1;\r\n background-color: #23262F;\r\n}\r\n\r\n.all_notes_cont {\r\n display: flex;\r\n flex-direction: row;\r\n width: 50%;\r\n height: auto;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.colections_cont {\r\n display: flex;\r\n flex-direction: row;\r\n width: 50%;\r\n height: auto;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.icon_notes {\r\n width: 3rem;\r\n height: 3rem;\r\n margin: 1rem;\r\n}\r\n\r\n.all_notes {\r\n font-family: 'Inter';\r\n font-style: bold;\r\n font-weight: 700;\r\n font-size: 2rem;\r\n color: #00FFFF;\r\n}\r\n\r\n.colections {\r\n font-family: 'Inter';\r\n font-style: bold;\r\n font-weight: 700;\r\n font-size: 2rem;\r\n color: #646464;\r\n}\r\n\r\nmain {\r\n width: 85%;\r\n height: 65%;\r\n position: absolute;\r\n top: 33%;\r\n left: 7%;\r\n}\r\n\r\n.footer_menu {\r\n background-color: #343846;\r\n width: 100%;\r\n height: 7%;\r\n position: fixed;\r\n bottom: 0px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-around;\r\n align-items: center;\r\n}\r\n\r\n.icon_add {\r\n position: absolute;\r\n top: -90%;\r\n width: 9rem;\r\n height: auto;\r\n}",".modal_Overlay {\r\n position: fixed;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background-color: rgba(0, 0, 0, 0.79);\r\n z-index: 1000;\r\n display: block;\r\n}\r\n\r\n.modal_container {\r\n position: fixed;\r\n width: 90%;\r\n height: 60%;\r\n left: 5%;\r\n top: 20%;\r\n background: #343846;\r\n border-radius: 35px;\r\n z-index: 1000;\r\n}\r\n\r\n.iconModal_back {\r\n position: absolute;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n margin: 0.5rem;\r\n right: 3%;\r\n top: 2%;\r\n z-index: 10000;\r\n}\r\n\r\n.modal_tittle {\r\n position: absolute;\r\n top: 0;\r\n width: 80%;\r\n height: 15%;\r\n font-size: 3rem;\r\n padding-left: 10%;\r\n text-transform: capitalize;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n\r\n.modal_note {\r\n position: absolute;\r\n top: 15%;\r\n width: 80%;\r\n height: 70%;\r\n font-size: 2rem;\r\n padding-left: 10%;\r\n text-align: left;\r\n text-transform: capitalize;\r\n word-wrap: break-word;\r\n}\r\n\r\n.line_modal {\r\n width: 95%;\r\n height: 2px;\r\n background-color: rgb(255, 255, 255);\r\n position: absolute;\r\n left: 2.5%;\r\n top: 87%;\r\n}\r\n\r\n\r\n.date_modal_container {\r\n position: absolute;\r\n top: 87%;\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n flex-direction: row;\r\n position: relative;\r\n margin-top: 1rem;\r\n\r\n}\r\n\r\n.iconModal_edit {\r\n position: absolute;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n margin: 0.5rem;\r\n right: 3%;\r\n top: 78%;\r\n z-index: 10000;\r\n}",".getNote_container {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n flex-direction: column;\r\n z-index: -1;\r\n}\r\n\r\n.getNote_colection_container {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n flex-direction: column;\r\n z-index: -1;\r\n position: absolute;\r\n top: 6%;\r\n}\r\n\r\n.header_colection_container{\r\n width: 90%;\r\n height: 8%;\r\n display: flex;\r\n flex-direction: row;\r\n text-align: center;\r\n justify-content:center;\r\n align-items: center;\r\n position: fixed;\r\n top: 29%;\r\n left: 5%;\r\n background-color: #23262F;\r\n z-index: 99;\r\n}\r\n.note_colection_select{\r\n font-family: 'Inter';\r\n font-style: bold;\r\n font-weight: 700;\r\n font-size: 2.5rem;\r\n text-align: right;\r\n margin: 1rem;\r\n text-transform: capitalize;\r\n}\r\n\r\n.printNote_container {\r\n width: 100%;\r\n height: 16rem;\r\n border-radius: 35px;\r\n margin: .3rem 0;\r\n background-color: #00FFFF;\r\n}\r\n\r\n.printNote_container:last-of-type {\r\n margin-bottom: 20%;\r\n}\r\n\r\n.header_note_container{\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n.colection_saved {\r\n width: 20%;\r\n height: 4rem;\r\n margin: 1rem 0;\r\n padding-right: 2.5rem;\r\n font-family: 'Inter';\r\n font-weight: 200;\r\n font-size: 1.5rem;\r\n text-transform: capitalize;\r\n text-align: right;\r\n}\r\n\r\n.note_tittle {\r\n width: 80%;\r\n height: 4rem;\r\n margin: 1rem 0;\r\n padding: 0 3rem;\r\n font-family: 'Inter';\r\n font-weight: 500;\r\n font-size: 2rem;\r\n text-transform: capitalize;\r\n word-wrap: break-word;\r\n}\r\n\r\n.note_text {\r\n height: 5rem;\r\n padding: 0 3rem;\r\n font-family: 'Inter';\r\n font-weight: 200;\r\n font-size: 1.6rem;\r\n text-transform: capitalize;\r\n margin: 0;\r\n word-wrap: break-word;\r\n}\r\n\r\n.line {\r\n width: 95%;\r\n height: 2px;\r\n background-color: rgb(255, 255, 255);\r\n position: absolute;\r\n left: 2.5%;\r\n margin: 1rem 0;\r\n}\r\n\r\n.date_container {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n flex-direction: row;\r\n position: relative;\r\n margin-top: 1rem;\r\n}\r\n\r\n\r\n.note_mofifDate {\r\n width: 50%;\r\n height: auto;\r\n display: flex;\r\n padding-left: 2.5rem;\r\n justify-content: flex-start;\r\n\r\n}\r\n\r\n.note_Date {\r\n width: 50%;\r\n height: auto;\r\n padding-right: 2.5rem;\r\n display: flex;\r\n justify-content: flex-end;\r\n}","/* /////// menu colecciones */\r\n\r\n\r\n.colection_style {\r\n width: 100%;\r\n height: 10%;\r\n display: flex;\r\n align-items: center;\r\n text-align: left;\r\n border: 3px solid #00FFFF;\r\n border-radius: 10px;\r\n margin: .5rem 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n}\r\n\r\n\r\n.colection_icon {\r\n width: 3rem;\r\n height: 3rem;\r\n margin: 1rem;\r\n z-index: 999;\r\n}\r\n\r\n.btn_colection {\r\n position: absolute;\r\n width: 98%;\r\n height: 4rem;\r\n left: 1%;\r\n background-color: #23262F;\r\n color: #00FFFF;\r\n font-family: 'Inter';\r\n font-size: 1.7rem;\r\n outline: none;\r\n border: none;\r\n text-align: left;\r\n padding-left: 7rem;\r\n margin: 2rem 0;\r\n}\r\n\r\n.deleted_notes_content {\r\n position: absolute;\r\n width: 100%;\r\n height: auto;\r\n top: 60%;\r\n}\r\n\r\n#shade {\r\n color: #646464;\r\n}\r\n\r\n#btn_shade{\r\n border: 3px solid #646464;\r\n}",".background_notes {\r\n width: 100%;\r\n height: 70%;\r\n position: absolute;\r\n background-color: #343846;\r\n z-index: -1;\r\n}\r\n\r\n.input_section {\r\n width: 80%;\r\n height: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n position: absolute;\r\n top: 8%;\r\n left: 10%;\r\n}\r\n\r\n.tittle {\r\n width: 100%;\r\n height: 20%;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.input_tittle {\r\n width: 96%;\r\n height: 80%;\r\n font-size: 3rem;\r\n text-align: left;\r\n display: flex;\r\n flex-direction: row;\r\n border: none;\r\n border-bottom: 3px solid #ffffff;\r\n}\r\n\r\ninput {\r\n width: 80%;\r\n height: 20%;\r\n color: #ffffff;\r\n padding-left: 1.5rem;\r\n font-family: 'Inter';\r\n text-align: left;\r\n font-weight: 700;\r\n font-size: 3rem;\r\n text-transform: capitalize;\r\n outline: none;\r\n border: none;\r\n background-color: rgb(255 255 255 / 0%);\r\n}\r\n\r\n.input_tittle::placeholder {\r\n color: #dcdcdc;\r\n}\r\n\r\ntextarea::placeholder {\r\n color: #dcdcdc;\r\n}\r\n\r\n.text_note {\r\n width: 100%;\r\n height: 75%;\r\n border-radius: 3%;\r\n border-color: #ffffff;\r\n border-width: 3px;\r\n border-style: solid;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n color: #ffffff;\r\n}\r\n\r\ntextarea {\r\n width: 90%;\r\n height: 90%;\r\n color: #ffff;\r\n margin: 0;\r\n font-family: 'Inter';\r\n text-align: left;\r\n font-weight: 400;\r\n font-size: 2rem;\r\n text-transform: capitalize;\r\n outline: none;\r\n border: none;\r\n background-color: rgb(255 255 255 / 0%);\r\n}\r\n\r\n\r\n.current_note_date {\r\n width: 100%;\r\n height: auto;\r\n position: absolute;\r\n top: 59%;\r\n font-family: 'Inter';\r\n font-size: 2rem;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n\r\n.select_colections {\r\n width: 90%;\r\n background-color: #23262F;\r\n color: white;\r\n font-family: 'Inter';\r\n font-size: 1.7rem;\r\n outline: none;\r\n border: none;\r\n text-align: center;\r\n margin-left: 5%;\r\n}\r\n/* \r\n.select_colections {\r\n width: 90%;\r\n text-align: center;\r\n background-color: #00f7ff;\r\n} */\r\n",".action_content {\r\n width: 100%;\r\n height: 36%;\r\n position: absolute;\r\n bottom: 0;\r\n border-radius: 54px 54px 0px 0px;\r\n background-color: #23262F;\r\n}\r\n\r\n.text_colors {\r\n width: 100%;\r\n height: auto;\r\n font-family: 'Inter';\r\n font-size: 1.5rem;\r\n display: flex;\r\n justify-content: center;\r\n position: absolute;\r\n top: 5%;\r\n}\r\n\r\n.color_notes {\r\n width: 40%;\r\n height: auto;\r\n display: inline-flex;\r\n justify-content: space-around;\r\n position: absolute;\r\n top: 15%;\r\n left: 30%;\r\n}\r\n\r\n#color {\r\n width: 3rem;\r\n height: 3rem;\r\n border-radius: 50%;\r\n}\r\n\r\n.gray {\r\n background-color: #343846;\r\n}\r\n\r\n.Maldives {\r\n background: linear-gradient(to right, #51d3e4, #08b6d9);\r\n}\r\n\r\n.Purpink {\r\n background: linear-gradient(to left, #8818f7, #e100ff);\r\n}\r\n\r\n.Neonlife {\r\n background: linear-gradient(to right, #aeb530, #57b95a);\r\n}\r\n\r\n.Neuromancer {\r\n background: linear-gradient(to right, #f953c6, #b91d73);\r\n}\r\n\r\n.themeBlackFont {\r\n color: #23262F;\r\n}\r\n\r\n.btns_content {\r\n width: 70%;\r\n height: 60%;\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n top: 30%;\r\n left: 15%;\r\n}\r\n\r\n.btn_actions {\r\n width: 100%;\r\n height: 3rem;\r\n font-size: 1.2rem;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: row;\r\n border: 3px solid #00f7ff;\r\n border-radius: 11px;\r\n margin: 0.3rem 0;\r\n}\r\n\r\n.btn_action_delete {\r\n width: 100%;\r\n height: 3rem;\r\n font-size: 1.2rem;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: row;\r\n border: 3px solid #646464;\r\n border-radius: 11px;\r\n margin: 0.3rem 0;\r\n}\r\n\r\n.btn_action {\r\n width: 90%;\r\n height: auto;\r\n background-color: #23262F;\r\n color: white;\r\n font-family: 'Inter';\r\n font-size: 1.7rem;\r\n outline: none;\r\n border: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: 5%;\r\n}\r\n\r\n.btn_actionDelete {\r\n width: 90%;\r\n height: auto;\r\n background-color: #23262F;\r\n color: #646464;\r\n font-family: 'Inter';\r\n font-size: 1.7rem;\r\n outline: none;\r\n border: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: 5%;\r\n}\r\n\r\n.note_icon {\r\n position: absolute;\r\n width: 2rem;\r\n height: 2rem;\r\n margin: .5rem 2rem;\r\n}",".header_container{\r\n width: 100%;\r\n height: 10%;\r\n display: flex;\r\n flex-direction: row;\r\n text-align: center;\r\n justify-content:center;\r\n align-items: center;\r\n position: absolute;\r\n}\r\n\r\n.icon_create_note{\r\n width: 3rem;\r\n height: 3rem;\r\n margin: .5rem;\r\n}\r\n\r\n.icon_back{\r\n width: 3rem;\r\n height: 3rem;\r\n margin: .5rem;\r\n position:absolute;\r\n right: 5%;\r\n}\r\n\r\n.note_colection{\r\n font-family: 'Inter';\r\n font-style: bold;\r\n font-weight: 700;\r\n font-size: 2.5rem;\r\n text-align: right;\r\n margin: 1rem;\r\n text-transform: capitalize;\r\n} "],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/app-myNotes/build/static/js/787.1c614b32.chunk.js b/app-myNotes/build/static/js/787.1c614b32.chunk.js new file mode 100644 index 00000000..2154343f --- /dev/null +++ b/app-myNotes/build/static/js/787.1c614b32.chunk.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkapp_=self.webpackChunkapp_||[]).push([[787],{787:function(e,t,n){n.r(t),n.d(t,{getCLS:function(){return y},getFCP:function(){return g},getFID:function(){return C},getLCP:function(){return P},getTTFB:function(){return D}});var i,r,a,o,u=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v2-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},c=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){if("first-input"===e&&!("PerformanceEventTiming"in self))return;var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},f=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},s=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},m=function(e,t,n){var i;return function(r){t.value>=0&&(r||n)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},v=-1,p=function(){return"hidden"===document.visibilityState?0:1/0},d=function(){f((function(e){var t=e.timeStamp;v=t}),!0)},l=function(){return v<0&&(v=p(),d(),s((function(){setTimeout((function(){v=p(),d()}),0)}))),{get firstHiddenTime(){return v}}},g=function(e,t){var n,i=l(),r=u("FCP"),a=function(e){"first-contentful-paint"===e.name&&(f&&f.disconnect(),e.startTime-1&&e(t)},r=u("CLS",0),a=0,o=[],v=function(e){if(!e.hadRecentInput){var t=o[0],i=o[o.length-1];a&&e.startTime-i.startTime<1e3&&e.startTime-t.startTime<5e3?(a+=e.value,o.push(e)):(a=e.value,o=[e]),a>r.value&&(r.value=a,r.entries=o,n())}},p=c("layout-shift",v);p&&(n=m(i,r,t),f((function(){p.takeRecords().map(v),n(!0)})),s((function(){a=0,T=-1,r=u("CLS",0),n=m(i,r,t)})))},E={passive:!0,capture:!0},w=new Date,L=function(e,t){i||(i=t,r=e,a=new Date,F(removeEventListener),S())},S=function(){if(r>=0&&r1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){L(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,E),removeEventListener("pointercancel",i,E)};addEventListener("pointerup",n,E),addEventListener("pointercancel",i,E)}(t,e):L(t,e)}},F=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,b,E)}))},C=function(e,t){var n,a=l(),v=u("FID"),p=function(e){e.startTimeperformance.now())return;n.entries=[t],e(n)}catch(e){}},"complete"===document.readyState?setTimeout(t,0):addEventListener("load",(function(){return setTimeout(t,0)}))}}}]); +//# sourceMappingURL=787.1c614b32.chunk.js.map \ No newline at end of file diff --git a/app-myNotes/build/static/js/787.1c614b32.chunk.js.map b/app-myNotes/build/static/js/787.1c614b32.chunk.js.map new file mode 100644 index 00000000..3177d5f5 --- /dev/null +++ b/app-myNotes/build/static/js/787.1c614b32.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"file":"static/js/787.1c614b32.chunk.js","mappings":"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","sources":["../node_modules/web-vitals/dist/web-vitals.js"],"sourcesContent":["var e,t,n,i,r=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:\"v2-\".concat(Date.now(),\"-\").concat(Math.floor(8999999999999*Math.random())+1e12)}},a=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){if(\"first-input\"===e&&!(\"PerformanceEventTiming\"in self))return;var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},o=function(e,t){var n=function n(i){\"pagehide\"!==i.type&&\"hidden\"!==document.visibilityState||(e(i),t&&(removeEventListener(\"visibilitychange\",n,!0),removeEventListener(\"pagehide\",n,!0)))};addEventListener(\"visibilitychange\",n,!0),addEventListener(\"pagehide\",n,!0)},u=function(e){addEventListener(\"pageshow\",(function(t){t.persisted&&e(t)}),!0)},c=function(e,t,n){var i;return function(r){t.value>=0&&(r||n)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},f=-1,s=function(){return\"hidden\"===document.visibilityState?0:1/0},m=function(){o((function(e){var t=e.timeStamp;f=t}),!0)},v=function(){return f<0&&(f=s(),m(),u((function(){setTimeout((function(){f=s(),m()}),0)}))),{get firstHiddenTime(){return f}}},d=function(e,t){var n,i=v(),o=r(\"FCP\"),f=function(e){\"first-contentful-paint\"===e.name&&(m&&m.disconnect(),e.startTime-1&&e(t)},f=r(\"CLS\",0),s=0,m=[],v=function(e){if(!e.hadRecentInput){var t=m[0],i=m[m.length-1];s&&e.startTime-i.startTime<1e3&&e.startTime-t.startTime<5e3?(s+=e.value,m.push(e)):(s=e.value,m=[e]),s>f.value&&(f.value=s,f.entries=m,n())}},h=a(\"layout-shift\",v);h&&(n=c(i,f,t),o((function(){h.takeRecords().map(v),n(!0)})),u((function(){s=0,l=-1,f=r(\"CLS\",0),n=c(i,f,t)})))},T={passive:!0,capture:!0},y=new Date,g=function(i,r){e||(e=r,t=i,n=new Date,w(removeEventListener),E())},E=function(){if(t>=0&&t1e12?new Date:performance.now())-e.timeStamp;\"pointerdown\"==e.type?function(e,t){var n=function(){g(e,t),r()},i=function(){r()},r=function(){removeEventListener(\"pointerup\",n,T),removeEventListener(\"pointercancel\",i,T)};addEventListener(\"pointerup\",n,T),addEventListener(\"pointercancel\",i,T)}(t,e):g(t,e)}},w=function(e){[\"mousedown\",\"keydown\",\"touchstart\",\"pointerdown\"].forEach((function(t){return e(t,S,T)}))},L=function(n,f){var s,m=v(),d=r(\"FID\"),p=function(e){e.startTimeperformance.now())return;n.entries=[t],e(n)}catch(e){}},\"complete\"===document.readyState?setTimeout(t,0):addEventListener(\"load\",(function(){return setTimeout(t,0)}))};export{h as getCLS,d as getFCP,L as getFID,F as getLCP,P as getTTFB};\n"],"names":["e","t","n","i","r","name","value","delta","entries","id","concat","Date","now","Math","floor","random","a","PerformanceObserver","supportedEntryTypes","includes","self","getEntries","map","observe","type","buffered","o","document","visibilityState","removeEventListener","addEventListener","u","persisted","c","f","s","m","timeStamp","v","setTimeout","firstHiddenTime","d","disconnect","startTime","push","window","performance","getEntriesByName","requestAnimationFrame","p","l","h","hadRecentInput","length","takeRecords","T","passive","capture","y","g","w","E","entryType","target","cancelable","processingStart","forEach","S","L","b","F","once","P","getEntriesByType","timing","max","navigationStart","responseStart","readyState"],"sourceRoot":""} \ No newline at end of file diff --git a/app-myNotes/build/static/js/main.396ee094.js b/app-myNotes/build/static/js/main.396ee094.js new file mode 100644 index 00000000..7f0e0b50 --- /dev/null +++ b/app-myNotes/build/static/js/main.396ee094.js @@ -0,0 +1,3 @@ +/*! For license information please see main.396ee094.js.LICENSE.txt */ +!function(){var e={757:function(e,t,n){e.exports=n(727)},463:function(e,t,n){"use strict";var r=n(791),i=n(296);function a(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n