{"id":23383071,"url":"https://github.com/douglasac/blog-app-react-django","last_synced_at":"2026-04-10T07:03:00.167Z","repository":{"id":268630668,"uuid":"904987745","full_name":"DouglasAC/blog-app-react-django","owner":"DouglasAC","description":"Aplicación de blog interactiva desarrollada con React y Django. Permite gestionar publicaciones en Markdown, con funcionalidades de autenticación, likes, comentarios y estadísticas personalizadas.","archived":false,"fork":false,"pushed_at":"2024-12-17T23:56:46.000Z","size":641,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-08T09:36:20.716Z","etag":null,"topics":["api","backend","blog","django","frontend","jwt","markdown","python","react","vite","web-development"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/DouglasAC.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}},"created_at":"2024-12-17T23:52:13.000Z","updated_at":"2024-12-20T03:22:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"dacdfe42-bc3e-4bd2-b606-a79890110d60","html_url":"https://github.com/DouglasAC/blog-app-react-django","commit_stats":null,"previous_names":["douglasac/blog-app-react-django"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DouglasAC/blog-app-react-django","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DouglasAC%2Fblog-app-react-django","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DouglasAC%2Fblog-app-react-django/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DouglasAC%2Fblog-app-react-django/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DouglasAC%2Fblog-app-react-django/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DouglasAC","download_url":"https://codeload.github.com/DouglasAC/blog-app-react-django/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DouglasAC%2Fblog-app-react-django/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274080627,"owners_count":25219018,"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-07T02:00:09.463Z","response_time":67,"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":["api","backend","blog","django","frontend","jwt","markdown","python","react","vite","web-development"],"created_at":"2024-12-21T22:17:05.394Z","updated_at":"2026-04-10T07:03:00.105Z","avatar_url":"https://github.com/DouglasAC.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blog Platform\n\nEste proyecto es una **aplicación de blog interactiva** desarrollada con **React** usando **Vite** como entorno de desarrollo rápido. Incluye un backend con **Django**, y permite la gestión de publicaciones, comentarios, likes y estadísticas de usuario.\n\n## Características\n\n1. **Sistema de Autenticación**\n   - Registro e inicio de sesión para usuarios.\n   - Gestión de sesiones.\n\n2. **Gestión de Publicaciones**\n   - Crear, editar y eliminar publicaciones.\n   - Publicar o guardar publicaciones como borrador.\n   - El contenido de las publicaciones se escribe en **Markdown**, con conversión automática a HTML.\n   - Buscar publicaciones por título, autor, categoría, etiquetas y fecha.\n   - Ordenar por popularidad, recientes o antiguos.\n\n3. **Interactividad**\n   - Funcionalidad de likes en las publicaciones.\n   - Comentarios en las publicaciones.\n\n4. **Estadísticas del Usuario**\n   - Total de publicaciones creadas.\n   - Total de borradores creados.\n   - Total de comenterios recibidos.\n   - Total de likes recibidos.\n   - Categorías y etiquetas más utilizadas.\n   - Publicaciones con más likes recibidos y comentarios realizados.\n\n5. **Navegación Optimizada**\n   - Barra de navegación que permanece fija en la parte superior.\n   - Diseño responsivo.\n\n## Tecnologías Utilizadas\n\n### Frontend\n- **React** con **Vite**: Generación rápida del proyecto y excelente rendimiento.\n- **React Router**: Navegación dinámica entre rutas.\n- **CSS / Bootstrap**: Estilización de la interfaz.\n\n### Backend\n- **Django**: Framework para el backend con una API REST.\n- **JWTAuthentication**: Sistema seguro de autenticación basado en tokens.\n- **SQLite**: Base de datos utilizada para almacenar la información.\n- **Django ORM**: Para realizar consultas y operaciones con la base de datos.\n\n## Instalación\n\n### Prerrequisitos\n- Node.js (v14+ recomendado)\n- Python (v3.8+)\n\n### Clonar el repositorio\n```bash\nhttps://github.com/DouglasAC/blog-app-react-django.git\ncd tu-repositorio\n```\n\n### Instalación del Frontend\n```bash\ncd blog_frontend\nnpm install\n```\n\n#### Ejecución del Frontend\n```bash\nnpm run dev\n```\nAccede al proyecto en `http://localhost:5173`.\n\n### Instalación del Backend\n```bash\ncd blog_backend\npip install -r requirements.txt\n```\n\n#### Migraciones de la base de datos\n```bash\npython manage.py makemigrations\npython manage.py migrate\n```\n\n#### Ejecución del Backend\n```bash\npython manage.py runserver\n```\n\nEl backend estará disponible en `http://localhost:8000`.\n\n## Uso\n1. Crea una cuenta o inicia sesión.\n2. Explora las publicaciones disponibles.\n3. Crea, edita y elimina tus propias publicaciones.\n4. Da likes y comenta en publicaciones.\n5. Revisa tus estadísticas de usuario en la página correspondiente.\n\n## Estructura del Proyecto\n```bash\n├── blog_frontend       # Proyecto React con Vite\n│   ├── public          # Archivos estáticos\n│   ├── src             # Código fuente React\n│   │   ├── api         # Configuración de Axios para consumo de API\n│   │   ├── components  # Componentes reutilizables\n│   │   ├── pages       # Páginas principales\n│   │   ├── App.jsx     # Componente principal\n│   │   └── main.jsx    # Punto de entrada\n│   └── vite.config.js  # Configuración de Vite\n├── blog_backend        # Proyecto Django\n│   ├── blog            # App principal de blog\n│   ├── manage.py       # Archivo principal para ejecución de Django\n│   └── requirements.txt # Dependencias del proyecto\n└── README.md           # Documentación\n```\n\n## Capturas de Pantalla\n\n- **Inicio**: Es la pagína de inicio, se muestran las tres publicaciones mas populares.\n    ![Inicio](images/inicio.png) \n- **Lista de Publicaciones:** Muestra las publicaciones con sus categorías y etiquetas.\n    ![Listado de publicaciones](images/lista.png)\n- **Crear publicación**: Para crear una nueva publicación.\n    ![Crear publicación](images/crear.png)\n- **Gestión de publicaciones**: Se muestran las publicaciones creadas por el usuario.\n    ![Gestión de publicación](images/gestion.png) \n- **Editar publicación**: Para editar una publicación.\n    ![Editar publicación](images/editar.png)\n- **Estadísticas del Usuario:** Vista con datos resumidos sobre la actividad del usuario.\n    ![Estadísticas](images/estadisticas.png)\n\n## Contribución\n¡Las contribuciones son bienvenidas! Por favor, abre un issue o envía un pull request.\n\n---\n¡Gracias por visitar este proyecto! 😊\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdouglasac%2Fblog-app-react-django","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdouglasac%2Fblog-app-react-django","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdouglasac%2Fblog-app-react-django/lists"}