diff --git a/db/backend/tools.ts b/db/backend/tools.ts
new file mode 100644
index 0000000..afdc00e
--- /dev/null
+++ b/db/backend/tools.ts
@@ -0,0 +1,66 @@
+import { DocPage, LinkType } from '@/lib/db-types'
+
+const tools: DocPage = {
+ title: 'Herramientas',
+ description: [
+ 'Diferentes herramientas que te pueden ayudar en el día a día como BackEnd.',
+ ],
+ contributors: [
+ { github_username: 'nsdonato' },
+ { github_username: 'eduWTR' },
+ ],
+ pageItems: [
+ {
+ imgPlaceholder: 'Express',
+ titleCard:
+ 'Entorno de trabajo para aplicaciones web para el programario Node.js, de código abierto.',
+ links: [{ type: LinkType.Web, url: 'https://expressjs.com/' }],
+ cover: {
+ src: '/backend/tools/expressjs.svg',
+ height: 70,
+ width: 150,
+ },
+ videos: [],
+ },
+ {
+ imgPlaceholder: 'Spring Boot',
+ titleCard:
+ 'Marco de código abierto basado en Java que se utiliza para programar aplicaciones independientes.',
+ links: [
+ { type: LinkType.Web, url: 'https://spring.io/projects/spring-boot' },
+ ],
+ cover: {
+ src: '/backend/tools/spring-boot.no-invert.svg',
+ height: 80,
+ width: 80,
+ },
+ videos: [],
+ },
+ {
+ imgPlaceholder: 'Django',
+ titleCard:
+ 'Framework de desarrollo web de código abierto, escrito en Python, respetando el módelo MVC',
+ links: [{ type: LinkType.Web, url: 'https://www.djangoproject.com/' }],
+ cover: {
+ src: '/backend/tools/django.svg',
+ height: 80,
+ width: 150,
+ },
+ videos: [],
+ },
+ {
+ imgPlaceholder: 'Ruby on Rails',
+ titleCard:
+ 'Framework de aplicaciones web de código abierto del lado del servidor escrito en el lenguaje de programación Ruby.',
+ links: [{ type: LinkType.Web, url: 'https://rubyonrails.org/' }],
+ cover: {
+ src: '/backend/tools/rubyrails.no-invert.svg',
+ height: 110,
+ width: 110,
+ },
+ videos: [],
+ },
+ ],
+}
+
+export default tools
diff --git a/db/menu.ts b/db/menu.ts
index c67ee8e..821cdf6 100644
--- a/db/menu.ts
+++ b/db/menu.ts
@@ -82,6 +82,10 @@ const data: Menu[] = [
name: 'Aprender',
url: '/backend/learn',
},
+ {
+ name: 'Herramientas',
+ url: '/backend/tools',
+ },
],
},
{
diff --git a/public/backend/tools/django.svg b/public/backend/tools/django.svg
new file mode 100644
index 0000000..4801015
--- /dev/null
+++ b/public/backend/tools/django.svg
@@ -0,0 +1,28 @@
+
diff --git a/public/backend/tools/expressjs.svg b/public/backend/tools/expressjs.svg
new file mode 100644
index 0000000..7655f8d
--- /dev/null
+++ b/public/backend/tools/expressjs.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/backend/tools/rubyrails.no-invert.svg b/public/backend/tools/rubyrails.no-invert.svg
new file mode 100644
index 0000000..bbbe2fa
--- /dev/null
+++ b/public/backend/tools/rubyrails.no-invert.svg
@@ -0,0 +1,8 @@
+
+
+
\ No newline at end of file
diff --git a/public/backend/tools/spring-boot.no-invert.svg b/public/backend/tools/spring-boot.no-invert.svg
new file mode 100644
index 0000000..2113d35
--- /dev/null
+++ b/public/backend/tools/spring-boot.no-invert.svg
@@ -0,0 +1,28 @@
+
+
+