midudev · th3alexdev · Aug 17, 2023 · Aug 18, 2023 · Aug 18, 2023 · Aug 18, 2023
diff --git a/package-lock.json b/package-lock.json
diff --git a/pruebas/01-reading-list/th3alexdev/.gitignore b/pruebas/01-reading-list/th3alexdev/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/pruebas/01-reading-list/th3alexdev/README.md b/pruebas/01-reading-list/th3alexdev/README.md
@@ -0,0 +1,56 @@
+# La Bukstore 📕
+La Bukstore es una editorial en donde creemos en la magia de los libros para transportarnos a lugares lejanos, desafiar nuestras perspectivas y nutrir nuestra imaginación.
+
+¡Nuestra misión es fomentar la lectura y el amor por los libros, proporcionando a los lectores una amplia gama de títulos de diversos géneros literarios!
+
+[**Probar Demo**](https://la-bukstore.vercel.app/)
+<img width="100%" alt="screenshot" src="https://cdn.discordapp.com/attachments/606233142021324816/1148754094757007380/la-bukstore.jpg">
+
+# Sobre el proyecto ❔
+
+### Objetivos obligatorios:
+- [x] Mostrar libros en la UI
+- [x] Agregar libros a lista de lectura
+- [x] Filtrar libros por género
+- [x] Sincronización de estado (estado global)
+- [x] Persistencia de datos
+- [x] Sincronización entre pestañas
+- [x] Despliegue.
+- 
+
+
+# ¿Qué he aprendido? 👨‍💻
+- Durante el desarrollo de este proyecto, he adquirido experiencia en algunos temas como:
+- Manejo correcto y centralizado del estado.
+- Creación y reutilización de componentes.
+- Diseño web responsive.
+- Uso de custom hooks. 
+
+# Tecnologías usadas 💛
+```javascript
+React - JavaScript - Tailwind CSS - Vitejs
+```
+
+# Dependencias 📦
+`react-flip-numbers` - Hace que las animaciones de los números se vea cool. 🎰
+`vitest` - Librería para hacer test usando Vitejs.
+`react-icons` - a collection of popular icons for React applications.
+`autoprefixer` - Plugin para automatizar la adición de prefijos propietarios a los estilos.
+
+# Instalación 💻
+Para correr este proyecto localmente en tu pc, necesitarás Node.js y npm instalados en tu computadora. Una vez los tengas, puedes ejecutar los siguientes comandos.
+```
+  npm i la-bukstore
+  npm run dev
+```
+
+Alternativamente, puedes clocar directamente el repositorio usando el siguiente comando: 
+```
+git clone https://github.com/th3alexdev/pruebas-tecnicas.git
+```
+
+# Contribuciones 🎉
+Acepto contribuciones para arreglar algunos bugs que se puedan presentar en el estado de la aplicación. Si quieres contribuir, simplemente hazle fork a este repositorio, haz los cambios y simplemente envias una pull request. 🤘
+
+# Sobre el creador
+Mi nombre es Alexander Pérez. Soy un desarrollador web Front-end con pasión en crear agradables experiencias de usuarios. Si tienes alguna pregunta o segurencia sobre este proyecto, puedes contactarme a través de mis redes sociales.
diff --git a/pruebas/01-reading-list/th3alexdev/index.html b/pruebas/01-reading-list/th3alexdev/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>La Bukstore - Tus libros favoritos</title>
+
+    <link rel="apple-touch-icon" sizes="180x180" href="public/assets/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="public/assets/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="public/assets/favicon-16x16.png">
+    <link rel="manifest" href="public/assets/site.webmanifest">
+    <link rel="mask-icon" href="public/assets/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="theme-color" content="#ffffff">
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/pruebas/01-reading-list/th3alexdev/jest.config.js b/pruebas/01-reading-list/th3alexdev/jest.config.js
@@ -0,0 +1,7 @@
+/** @type {import('jest').Config} */
+const config = {
+  verbose: true,
+  transform: {}
+}
+
+export default config