{"id":31390876,"url":"https://github.com/ph0void/proyecto-dev-link","last_synced_at":"2026-04-10T02:54:57.087Z","repository":{"id":314360784,"uuid":"1055218886","full_name":"ph0Void/Proyecto-Dev-Link","owner":"ph0Void","description":"Proyecto de compartir enlaces publicos hecho con NodeJs y React con vite utilizando MongoDB","archived":false,"fork":false,"pushed_at":"2025-09-12T00:51:04.000Z","size":4,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-12T02:58:52.132Z","etag":null,"topics":["jwt","mongodb","mongoose","nextjs","nodejs","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ph0Void.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-12T00:26:52.000Z","updated_at":"2025-09-12T02:27:24.000Z","dependencies_parsed_at":"2025-09-12T02:58:56.083Z","dependency_job_id":"77beb4f4-d39c-4828-b749-05bdb1b64d6f","html_url":"https://github.com/ph0Void/Proyecto-Dev-Link","commit_stats":null,"previous_names":["ph0void/proyecto-dev-link"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/ph0Void/Proyecto-Dev-Link","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ph0Void%2FProyecto-Dev-Link","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ph0Void%2FProyecto-Dev-Link/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ph0Void%2FProyecto-Dev-Link/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ph0Void%2FProyecto-Dev-Link/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ph0Void","download_url":"https://codeload.github.com/ph0Void/Proyecto-Dev-Link/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ph0Void%2FProyecto-Dev-Link/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277455220,"owners_count":25820678,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-28T02:00:08.834Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jwt","mongodb","mongoose","nextjs","nodejs","tailwindcss","typescript"],"created_at":"2025-09-29T01:39:54.908Z","updated_at":"2025-09-29T01:39:59.394Z","avatar_url":"https://github.com/ph0Void.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌐 Dev-Link (DevTree)  \n\n![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![Node.js](https://img.shields.io/badge/Node.js-Express-green.svg?style=for-the-badge\u0026logo=node.js\u0026logoColor=white)\n![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![MongoDB](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge\u0026logo=mongodb\u0026logoColor=white)\n![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)\n\n**Dev-Link** es una aplicación **full‑stack** para que desarrolladores creen y compartan su propio perfil profesional tipo *Linktree*, llamado **DevTree**.  \nPermite centralizar redes sociales, proyectos, portafolio, email y enlaces de interés, ofreciendo además controles de privacidad y personalización de perfil.  \n\nLa solución está compuesta por:  \n- 🔹 **Backend (API RESTful)** con Node.js, Express y MongoDB.  \n- 🔹 **Frontend (SPA moderna)** con React, TypeScript y TailwindCSS.  \n\n---\n\n## 📖 Descripción  \n\nEl objetivo de **Dev-Link** es dar a los desarrolladores una **plataforma centralizada** para mostrar su identidad digital profesional de forma **elegante y práctica**.  \nCada usuario crea su propio **DevTree**, con enlaces, datos de contacto e incluso foto de perfil, que puede compartir públicamente o mantener privado.  \n\nEl sistema está dividido en:  \n\n- **Backend (DevTree API)**  \n  API segura que gestiona perfiles DevTree, autenticación y almacenamiento de imágenes en la nube (Cloudinary).  \n- **Frontend (Dev-Link)**  \n  Aplicación web moderna y responsive para gestionar, visualizar y compartir el perfil DevTree.  \n\n\u003cimg width=\"600\" height=\"632\" alt=\"image\" src=\"https://github.com/user-attachments/assets/af8b51d0-ac79-4fcf-a43c-bbd8a3634463\" /\u003e\n\n\n---\n\n## 🚀 Tecnologías  \n\n### ⚙️ Backend  \n- **Node.js + Express** — API RESTful  \n- **MongoDB + Mongoose** — Base de datos NoSQL  \n- **JWT** — Autenticación segura  \n- **Cloudinary** — Almacenamiento de imágenes  \n- **dotenv** — Configuración de entorno  \n\n### 🖥️ Frontend  \n- **React + TypeScript** — SPA moderna y robusta  \n- **Vite** — Entorno de desarrollo ultrarrápido ⚡  \n- **TailwindCSS** — Estilos elegantes y responsivos  \n- **React Query** — Gestión eficiente de datos remotos  \n- **React Router DOM** — Navegación entre páginas  \n- **Lucide React** — Iconografía moderna  \n\n---\n\n## ✨ Características principales  \n\n### 🔐 Autenticación  \n- Registro y login seguro con JWT  \n- Gestión de sesiones y control de acceso  \n\n### 👤 Gestión de Perfiles (DevTree)  \n- Crear, editar y eliminar perfiles DevTree  \n- Añadir enlaces a redes sociales, proyectos y portafolio  \n- Control de visibilidad pública/privada  \n- Subida de imagen de perfil en la nube (Cloudinary)  \n\n### 🌍 Visualización y Compartir  \n- Cada usuario obtiene un enlace único a su DevTree  \n- Vista pública del perfil para compartir en la red  \n\n### 🎨 Experiencia de Usuario  \n- Diseño **responsive** adaptado a desktop y móviles  \n- Interfaz moderna con TailwindCSS  \n- Navegación fluida usando React Router  \n- Gestión de datos y actualizaciones automáticas con React Query  \n\n---\n\n## 📂 Estructura del Proyecto  \n\n```\nProyecto-Dev-Link/\n│\n├── backend-devtree/      # API RESTful con Node.js, Express y MongoDB\n│   ├── src/\n│   │   ├── controllers/\n│   │   ├── models/\n│   │   ├── routes/\n│   │   └── services/\n│   └── .env.example\n│\n├── frontend-devlink/     # SPA con React + TS + Tailwind\n│   ├── src/\n│   │   ├── components/\n│   │   ├── hooks/\n│   │   ├── pages/\n│   │   └── service/\n│   └── vite.config.ts\n└── README.md             # Este documento\n```\n\n---\n\n## ⚡ Instalación y uso  \n\n### 🔹 1. Clonar repositorio  \n```bash\ngit clone https://github.com/ph0Void/Proyecto-Dev-Link.git\n```\n\n---\n\n### 🔹 2. Backend  \n```bash\ncd backend-devtree\nnpm install\ncp .env.example .env     # Configura variables de entorno\n\n# Migrar y arrancar\nnpm run dev\n```\nServidor en: **http://localhost:4000**  \n\n---\n\n### 🔹 3. Frontend  \n```bash\ncd frontend-devlink\nnpm install\nnpm run dev\n```\nAplicación en: **http://localhost:5173**  \n\n---\n\n## 📸 Imágenes  \n\n\n\u003cimg width=\"600\" height=\"632\" alt=\"image\" src=\"https://github.com/user-attachments/assets/22df182a-07a0-45e5-94b0-0c30093b85c4\" /\u003e\n\n\u003cimg width=\"600\" height=\"632\" alt=\"image\" src=\"https://github.com/user-attachments/assets/b194f638-3d86-450f-aa22-5dbf2112ffc1\" /\u003e\n\n\n\u003cimg width=\"600\" height=\"632\" alt=\"image\" src=\"https://github.com/user-attachments/assets/af8b51d0-ac79-4fcf-a43c-bbd8a3634463\" /\u003e\n\n\n\u003cimg width=\"600\" height=\"632\" alt=\"image\" src=\"https://github.com/user-attachments/assets/332c6091-fa02-4813-af47-e5d8ef16cb08\" /\u003e\n\n\n\u003cimg width=\"600\" height=\"632\" alt=\"image\" src=\"https://github.com/user-attachments/assets/6f7b7bf0-2c23-4980-a7df-f638a2d6e15e\" /\u003e\n\n---\n\n## 📊 Datos Técnicos  \n\n- Código modular organizado en **capas MVC** (backend).  \n- Buenas prácticas de separación de responsabilidades (frontend).  \n- Compatible con integración a otros clientes móviles o webs.  \n\n---\n\n## 🔗 Enlaces  \n\n- 📂 **Repositorio**: [GitHub](https://github.com/ph0Void/Proyecto-Dev-Link.git)  \n- 🌐 **Demo**: [chat-demo.nelson.dev](https://chat-demo.nelson.dev)  \n- 🎥 **Video Demo**: [YouTube](https://youtu.be/demo-chat-app)  \n\n---\n\n## 👨‍💻 Autor  \n\n**Nelson (ph0Void)**  \n🔗 [GitHub](https://github.com/ph0Void)  \n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fph0void%2Fproyecto-dev-link","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fph0void%2Fproyecto-dev-link","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fph0void%2Fproyecto-dev-link/lists"}