nsdonato / recursostech Goto Github PK

View Code? Open in Web Editor NEW

87.0 2.0 39.0 1 MB

Recursos recopilados para compartir con la comunidad 🚀 Open source, aportes bienvenidos ♥️

Home Page: https://recursostech.dev

License: MIT License

JavaScript 3.70% TypeScript 93.48% CSS 2.82%

backend frontend recursos resources conferencias herramientas testing open-source frameworks iconos

recursostech's Introduction

RecursosTech

👋🏻 Hola, mi nombre es Noelia, la idea de este proyecto es guardar todos los recursos que voy encontrando en mi camino como desarrolladora (Frontend, actualmente), para que también puedan ser de utilidad para otras personas que estén empezando (o no) en este mundo.

El proyecto es Open Source, así que si te interesa aportar, es super bienvenido 🥰. Podes leer más sobre como colaborar en el archivo CONTRIBUTING.md

🚀 Comenzando

1. Clonar el repositorio

git clone https://github.com/nsdonato/recursostech.git

1.1 Pre-Instalación

Utilizar el comando nvm use, esto verifica si hay un archivo .nvmrc en el proyecto y si no estas usando esa versión la setea. Si no la tenes instalada al final del comentario del package, te deja el comando para instalar la versión correspondiente en tu pc.

2. Instalar dependencias

npm install

3. Ejecutar la aplicación

npm run dev

4. Ejecutar los tests

npm run test

⚙️ Extensiones recomendadas

En el archivo /vscode/extensions.json se encuentran las extensiones que se recomiendan para trabajar en el proyecto:

👩🏻‍⚕️ Ayuda

Si tenes cualquier duda podes preguntar en nuestro Discord canal #🔗-recursos-tech

🆕 Pull Request

Por favor utiliza el template de Pull Request para poder darle al code reviewer un mejor panorama de lo que va a revisar, gracias!

🧰 Stack

NextJS - Next.js by Vercel - The React framework
DaisyUI - Tailwind CSS Components
Svgl A beautiful library with SVG logos
Typescript - JavaScript with syntax for types.
Tailwindcss - A utility-first CSS framework for rapidly building custom designs.
clsx + tailwind-merge inspired by shadcn/ui - A tiny utility for constructing className strings conditionally.
ESLint - Find and fix problems in your JavaScript code
Prettier - An opinionated code formatter.
React Testing Library - Simple and complete testing utilities that encourage good testing practices

👥 Colaboradorxs

🔑 Licencia

MIT.

recursostech's People

Contributors

Stargazers

Watchers

recursostech's Issues

[NEW 🆕] - Agregar recurso de animaciones

Recursos de animaciones para la web

Links:
https://animate.style/
https://animista.net/
https://sarthology.github.io/Animatopy/
https://www.cattocss.com/
https://ianlunn.github.io/Hover/
https://xsgames.co/animatiss/
https://michalsnik.github.io/aos/
https://www.tailwindcss-animated.com/
https://gsap.com/
https://auto-animate.formkit.com/
https://www.react-magic-motion.com/applications/collapsible-sidebar
https://rive.app/
https://www.framer.com/motion/
https://motion.dev/

Actualizar SVG Tints y UI Colors

Los items se encuentran en la sección: https://www.recursostech.dev/docs/frontend/icons

La tarea consisten en actualizar sus SVG.

Checklist de ayuda:

[ ] - Conseguir el SVG
[ ] - Verificar que sea negro, si no, pasarlo.
[ ] - Agrego el SVG dentro de la carpeta frontend que está en public, con el nombre correspondiente, ej: tint.svg
[ ] - En el item correspondiente, actualizo src dentro de cover para que el item sepa donde buscar su SVG
[ ] - Actualiar updatedAt con la fecha del día
[ ] - Agregar tu nombre de usuario en contributors

- imgPlaceholder: Tints
   titleCard: ''
   links:
     - type: 'Web'
       url: https://www.tints.dev/
   cover:
     src: '/frontend/tint.svg'
     height: 80
     width: 190
   createdAt: '2024-01-14T00:00:00Z'
   updatedAt: '2024-01-14T00:00:00Z'
   videos: []

PD: El SVG debe ser negro para que se vea correctamente tanto en Dark como en Light Mode.

Gracias ♥️ cualquier consulta no dudes en hacerla en el canal de Discord: https://discord.gg/vPCHkvqUEG o en este mismo Issue

[NEW 🆕] - Agregar recurso

Por favor escribí la información necesaria del recurso para poder sumarla:

Links:

Twitch: (https://www.twitch.tv/mouredev)
IG: (https://www.instagram.com/mouredev)
YouTube: (https://www.youtube.com/@mouredev)
Discord: (https://discord.com/invite/mouredev)
Twitter: (https://twitter.com/MoureDev)
Web: (https://mouredev.com/)

Svg del recurso (opcional pero ideal):

subir el svg al issue

Video (opcional):

🚨 Por el momento solo videos en español. Link al video de la persona explicando sobre el recurso, ej si es una extensión, como se usa.

De ser necesario, sumar contexto adicional
Tecnologías: Python, SQL

[NEW 🆕] - Agregar recurso - Herramientas Backend

Por favor escribí la información necesaria del recurso para poder sumarla:

Puedo crear herramientas en Backend? , y agregar: Express, Ruby on Rails, Spring Boot, Django.

Links:

Web, Redes sociales (de ser necesario)

Important

Si es una extensión, poner la web (o si no tiene web, el repositorio) y el link a la extensión en el marketplace

Svg del recurso (opcional pero ideal):

subir el svg al issue -

Video (opcional):

Important

🚨 Por el momento solo videos en español. Link al video de la persona explicando sobre el recurso, ej si es una extensión, como se usa.

De ser necesario, sumar contexto adicional

[NEW 🆕] - Agregar recurso

CSS Layout Generator:

Links:

https://layout.bradwoods.io/

Sweet Alert:

Links:

https://sweetalert2.github.io/

Convertidor JSON con distintos lenguajes:

Links:

-https://quicktype.io/

Creador componentes:

Links:

-https://www.tremor.so/components

Estos son algunos de los que recuerdo ahora y me pareció no encontrarlos y que podía sumar en el proyecto. Saludos

[NEW 🆕] - Agregar recurso

Una pag. para sumar y configurar loaders:

Links:

https://www.loadership.com/#configurator

[NEW 🆕] - Agregar recurso

Por favor escribí la información necesaria del recurso para poder sumarla:

Links:

(https://pages.github.com/)

Svg del recurso (opcional pero ideal):

Video (opcional):

https://www.youtube.com/shorts/qprqCT9qjgo

De ser necesario, sumar contexto adicional
Añade aquí cualquier otro contexto o capturas de pantalla sobre la solicitud de función.

[NEW 🆕] - Agregar Selenium webdriver

Por favor escribí la información necesaria del recurso para poder sumarla:

Links:https://www.selenium.dev/documentation/webdriver/

Web, Redes sociales (de ser necesario)
⚠️ Si es una extensión, poner la web (o si no tiene web, el repositorio) y el link a la extensión en el marketplace

Svg del recurso (opcional pero ideal):

subir el svg al issue

Video (opcional):

🚨 Por el momento solo videos en español. Link al video de la persona explicando sobre el recurso, ej si es una extensión, como se usa.

De ser necesario, sumar contexto adicional
Añade aquí cualquier otro contexto o capturas de pantalla sobre la solicitud de función.

[NEW 🆕] - Agregar recurso Pythonanywhere

Por favor escribí la información necesaria del recurso para poder sumarla:
Pagina para poder deployear codigo realizado principalmente con Python, con espacio en la nube, schedule y posibilidad de dominio personalizado.
Esta más enfocado en deploy de codigo Backend.

Links (opcional pero ideal):

https://www.pythonanywhere.com/

Svg del recurso:

Añade aquí cualquier otro contexto o capturas de pantalla sobre la solicitud de función:

Tecnologias: Python, Jupyter Notebook

(Captura de ejemplo de dashboard con mi usuario)

Actualizar los primero 4 SVG de la sección icons

Ambos items se encuentran en la sección: https://www.recursostech.dev/docs/frontend/colors_palette

La tarea consisten en actualizar sus SVG.

Checklist de ayuda:

EJ: Phosphoricons

 - imgPlaceholder: Phosphoricons
   titleCard: ''
   links:
     - type: 'Web'
       url: https://phosphoricons.com/
   cover:
     src: '/frontend/phosphoricons.svg'
     height: 80
     width: 190
   createdAt: '2024-01-14T00:00:00Z'
   updatedAt: '2024-01-28T00:00:00Z'
   videos: []

PD: El SVG debe ser negro para que se vea correctamente tanto en Dark como en Light Mode.

Gracias ♥️ cualquier consulta no dudes en hacerla en el canal de Discord: https://discord.gg/vPCHkvqUEG o en este mismo Issue

EPICA [💅🏼 Mejora] - Actualización de SVG's

Esta tarea es una epica y voy a ir agregando mini subtareas para realizar como good first issue, es un aporte visual a la página:

[NEW 🆕] - Agregar recurso

Por favor escribí la información necesaria del recurso para poder sumarla:

Links: https://leandroschachner.github.io/60botones/

Web, Redes sociales (de ser necesario)

Important

Si es una extensión, poner la web (o si no tiene web, el repositorio) y el link a la extensión en el marketplace

Svg del recurso (opcional pero ideal):

subir el svg al issue -

Video (opcional):

Important

🚨 Por el momento solo videos en español. Link al video de la persona explicando sobre el recurso, ej si es una extensión, como se usa.

De ser necesario, sumar contexto adicional

[BUG 🐞] - Error Link Checker No soporta x, hay que cambiar a Twitter

Describe el bug
El CI está dando error porque no puede calcular la validez del link https://x.com/VadimNotJustDev/ habría que cambiar a https://twitter.com/VadimNotJustDev/

Para reproducir
Pasos para reproducir el comportamiento:

Ir a la última ejecución del CI y ver WF: Links

**Comportamiento esperado
No se deben reportar links rotos.

Capturas de pantalla

Escritorio (complete la siguiente información):

No aplica.

Smartphone (por favor, complete la siguiente información):

No aplica.

Contexto adicional
No es un error funcional, el link re-dirige correctamente, pero por alguna razón si es X no lo encuentra el control de este WF.

[NEW 🆕] - Agregar recurso

My color space, podría sumar para la sección de frontend en colores. En lo particular me gusta mucho

Link:

https://mycolor.space/

Actualizar la 2da tanda de 4 SVG de la sección icons

Ambos items se encuentran en la sección: https://www.recursostech.dev/docs/frontend/colors_palette

La tarea consisten en actualizar sus SVG.

Checklist de ayuda:

EJ: Phosphoricons

 - imgPlaceholder: Phosphoricons
   titleCard: ''
   links:
     - type: 'Web'
       url: https://phosphoricons.com/
   cover:
     src: '/frontend/phosphoricons.svg'
     height: 80
     width: 190
   createdAt: '2024-01-14T00:00:00Z'
   updatedAt: '2024-01-28T00:00:00Z'
   videos: []

PD: El SVG debe ser negro para que se vea correctamente tanto en Dark como en Light Mode.

Gracias ♥️ cualquier consulta no dudes en hacerla en el canal de Discord: https://discord.gg/vPCHkvqUEG o en este mismo Issue

[📋 TO-DO] - Actualizar SVG de Railway y Fly.io

Los items se encuentran en la sección: https://www.recursostech.dev/docs/backend/deploys

La tarea consisten en actualizar sus SVG.

Checklist de ayuda:

[ ] - Conseguir el SVG
[ ] - Verificar que sea negro, si no, pasarlo.
[ ] - Agrego el SVG dentro de la carpeta backend que está en public, con el nombre correspondiente, ej: tint.svg
[ ] - En el item correspondiente, actualizo src dentro de cover para que el item sepa donde buscar su SVG
[ ] - Agregar tu nombre de usuario en contributors

- imgPlaceholder: Railway
   titleCard: ''
   links:
     - type: 'Web'
       url: https://docs.railway.app/
   cover:
     src: '/backend/railway.svg'
     height: 80
     width: 190
   videos: []

Important

El SVG debe ser negro para que se vea correctamente tanto en Dark como en Light Mode.

Gracias ♥️ cualquier consulta no dudes en hacerla en el canal de Discord: https://discord.gg/vPCHkvqUEG o en este mismo Issue

nsdonato / recursostech Goto Github PK

recursostech's Introduction

RecursosTech

🚀 Comenzando

1. Clonar el repositorio

1.1 Pre-Instalación

2. Instalar dependencias

3. Ejecutar la aplicación

4. Ejecutar los tests

⚙️ Extensiones recomendadas

👩🏻‍⚕️ Ayuda

🆕 Pull Request

🧰 Stack

👥 Colaboradorxs

🔑 Licencia

recursostech's People

Contributors

Stargazers

Watchers

Forkers

recursostech's Issues

Recommend Projects

Recommend Topics

Recommend Org