{"id":16327212,"url":"https://github.com/baumannzone/hacker-news-alpine","last_synced_at":"2026-05-08T05:37:29.128Z","repository":{"id":237419175,"uuid":"605545657","full_name":"baumannzone/hacker-news-alpine","owner":"baumannzone","description":"👾 Hacker News clone with Alpine.js and TailWind CSS","archived":false,"fork":false,"pushed_at":"2023-03-27T08:12:36.000Z","size":776,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-17T06:42:43.330Z","etag":null,"topics":["alpinejs","css","hacker-news-api","javascript","tailwindcss"],"latest_commit_sha":null,"homepage":"https://hacker-news-alpine.vercel.app/","language":"HTML","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/baumannzone.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":["baumannzone"]}},"created_at":"2023-02-23T11:40:59.000Z","updated_at":"2023-03-24T07:19:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"ee48bd6c-a33c-465b-95d1-7f3176b269fa","html_url":"https://github.com/baumannzone/hacker-news-alpine","commit_stats":null,"previous_names":["baumannzone/hacker-news-alpine"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baumannzone%2Fhacker-news-alpine","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baumannzone%2Fhacker-news-alpine/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baumannzone%2Fhacker-news-alpine/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baumannzone%2Fhacker-news-alpine/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/baumannzone","download_url":"https://codeload.github.com/baumannzone/hacker-news-alpine/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254239912,"owners_count":22037790,"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","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":["alpinejs","css","hacker-news-api","javascript","tailwindcss"],"created_at":"2024-10-10T23:10:42.154Z","updated_at":"2026-05-08T05:37:29.037Z","avatar_url":"https://github.com/baumannzone.png","language":"HTML","funding_links":["https://github.com/sponsors/baumannzone"],"categories":[],"sub_categories":[],"readme":"# Creando un clon de Hacker News con Alpine.js y Tailwind CSS\n\nEn este repositorio tienes todo lo necesario para aprender a crear un clon de la famosa página web **Hacker News** utilizando las tecnologías **Alpine.js** y **Tailwind CSS**.\n\n## Demo\n\nhttps://hacker-news-alpine.vercel.app\n\n![Demo](img/main.png)\n\n## ¿Qué es Hacker News?\n\nHacker News es una página web de noticias y discusión de tecnología. Fue creada por Paul Graham en 2007 y es una de las páginas web más populares de la red. En ella se publican noticias sobre tecnología, programación, ciencia, etc. y se pueden comentar y votar.\n\nhttps://news.ycombinator.com/\n\n## ¿Qué es Alpine.js?\n\nAlpine.js es un framework JavaScript ligero y de bajo nivel que te permite crear componentes reactivos sin necesidad de escribir código JavaScript. Es una alternativa a frameworks como React, Vue o Angular.\n\nSu principal ventaja es que es muy fácil de aprender y de utilizar. Su sintaxis es muy similar a la de Vue.js o Angular, por lo que si ya conoces alguno de estos frameworks, aprenderás Alpine.js en muy poco tiempo.\n\nhttps://alpinejs.dev/\n\n## ¿Qué es Tailwind CSS?\n\nTailwind CSS es una biblioteca (utility-first) de clases CSS que te permite crear interfaces de usuario modernas y responsivas sin necesidad de escribir código CSS, puesto que todo se hace mediante clases.\n\nhttps://tailwindcss.com/\n\n## Funcionalidades del sitio web\n\nEste clon de Hacker News tiene las siguientes características:\n\n- Interfaz de usuario responsive y moderna\n- Lista de artículos ordenados por popularidad\n\n### Tareas pendientes\n\n- Paginación para facilitar la navegación por la lista de artículos\n- Agregar Vite para mejorar la Developer Experience\n\n## Cómo usar el proyecto\n\nPara usar este proyecto, sigue estos sencillos pasos:\n\n### Dev\n- Descarga o clona el repositorio desde Github.\n- Ejecuta el comando `npm install` para instalar las dependencias.\n- Ejectua el comando `npm run dev` para iniciar el modo de desarrollo para Tailwind CSS.\n- Abre el archivo `index.html` con **Live Server**.\n- Explora el sitio web y disfruta de las funcionalidades.\n\n### Build\n- Ejecuta el comando `npm run build` para generar el archivo `css` de Tailwind CSS en modo producción.\n- Haz commit y push de los cambios al repositorio.\n\n## Contribuir al proyecto\n\n¡Estamos buscando contributors para mejorar este proyecto!  \nSi tienes alguna idea o sugerencia, si encuentras un error, o si simplemente quieres contribuir, ¡estaré encantado de recibir tu ayuda!\n\nPara contribuir, sigue estos pasos:\n\n- Deja tu estrellita de GitHub.\n- Haz un fork de este repo.\n- Crea una rama.\n- Realiza tus cambios y haz un commit.\n- Haz push a tu rama.\n- Crea una PR.\n\n## Redes sociales\n\nSígueme en mis redes sociales para estar al día con mis proyectos y novedades:\n\n- Twitter: [@baumannzone](https://twitter.com/baumannzone)\n- Instagram: [@baumannzone](https://www.instagram.com/baumannzone/)\n- LinkedIn: [baumannzone](https://www.linkedin.com/in/baumannzone/)\n\n## ¿Te gusta el proyecto?\n\n🙏 ¡Ayúdame a difundirlo dejando una estrellita en Github! También puedes compartir el proyecto con tus amigos y colegas en redes sociales para que más personas puedan aprender a crear clon de Hacker News con Alpine.js y Tailwind CSS.\n\n---\n\n¡Gracias por leer hasta aquí! Espero que disfrutes del proyecto y que te animes a contribuir. ¡Hasta la próxima! 😎💻👨‍💻\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaumannzone%2Fhacker-news-alpine","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbaumannzone%2Fhacker-news-alpine","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaumannzone%2Fhacker-news-alpine/lists"}