DevTree es una plataforma en línea que permite a desarrolladores, diseñadores, ingenieros y otros profesionales de tecnología crear una página personalizada de enlaces para compartir su trabajo, proyectos y redes sociales en un solo lugar.
- Ubicarse en la carpeta que contendrá el proyecto
- Abrir terminal de comandos
- git clone https://github.com/brahanlider/Devtree-Front-end-React.git
- cd devtree
- npm install
- Abrir el proyecto con un servidor en un cliente
- npm run dev
| Tecnología | Versión | Descripción | Instalación |
|---|---|---|---|
| React | 19.0.0 | Librería para construir interfaces de usuario. | npm i react |
| React DOM | 19.0.0 | Librería para renderizar React en el navegador. | npm i react-dom |
| Vite | 6.2.0 | Herramienta de construcción rápida para aplicaciones modernas. | npm i vite |
| TypeScript | 5.7.2 | Lenguaje que añade tipos estáticos a JavaScript. | npm i -D typescript |
| Tailwind CSS | 3.4.17 | Framework de CSS utility-first para diseñar interfaces rápidamente. | npm i tailwindcss |
| React Router DOM | 7.3.0 | Librería para manejar rutas en aplicaciones React. | npm i react-router-dom |
| React Hook Form | 7.54.2 | Librería para manejar formularios en React de manera eficiente. | npm i react-hook-form |
| Axios | 1.8.3 | Cliente HTTP para hacer solicitudes a APIs. | npm i axios |
| Sonner | 2.0.1 | Librería para mostrar notificaciones tipo "toast". | npm i sonner |
| Heroicons | 2.2.0 | Conjunto de íconos para React. | npm i @heroicons/react |
| @tailwindcss/forms | 0.5.10 | Plugin de Tailwind CSS para estilizar formularios. | npm i -D @tailwindcss/forms |
| React Query | 5.68.0 | Librería para manejar el estado de las solicitudes HTTP y el caching. | npm i @tanstack/react-query |
| React Query Devtools | 5.68.0 | Herramientas de desarrollo para React Query. | npm i @tanstack/react-query-devtools |
| Headless UI | 2.2.0 | Componentes UI completamente accesibles y sin estilos. | npm i @headlessui/react |
| DnD Kit | 6.3.1 | Librería para implementar funcionalidades de "Drag and Drop". | npm i @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities |
| React Slugify | 4.0.1 | Librería para generar slugs (URLs amigables). | npm i react-slugify |
| ESLint | 9.21.0 | Herramienta para identificar y corregir problemas en el código. | npm i -D eslint |
| PostCSS | 8.5.3 | Herramienta para transformar CSS con JavaScript. | npm i -D postcss |
| Autoprefixer | 10.4.21 | Plugin de PostCSS para agregar prefijos de proveedores a CSS. | npm i -D autoprefixer |
| @vitejs/plugin-react-swc | 3.8.0 | Plugin de Vite para soporte de React con SWC. | npm i -D @vitejs/plugin-react-swc |
| @types/react | 19.0.10 | Tipos de TypeScript para React. | npm i -D @types/react |
| @types/react-dom | 19.0.4 | Tipos de TypeScript para React DOM. | npm i -D @types/react-dom |
- 💎 GitHub: https://github.com/brahanlider 💎
- 💎 LinkedIn: https://www.linkedin.com/in/brahan-tunquipa-mamani-bbba23219/ 💎