https://github.com/jairo51067/reddit-client

Reddit Client Proyecto un navegador muestra subreddits en carriles, API de Reddit para obtener publicaciones. La aplicación permite que usuarios agregar carriles de subreddit ingresando un nombre de subreddit Verificará existencia del subreddit obtendrá sus publicaciones y mostrará un nuevo carril incluidos títulos autores y los recuentos votos
https://github.com/jairo51067/reddit-client

api-rest css3 html5 javascript modal-dialogs responsive-web-design

Last synced: about 2 months ago
JSON representation

Reddit Client Proyecto un navegador muestra subreddits en carriles, API de Reddit para obtener publicaciones. La aplicación permite que usuarios agregar carriles de subreddit ingresando un nombre de subreddit Verificará existencia del subreddit obtendrá sus publicaciones y mostrará un nuevo carril incluidos títulos autores y los recuentos votos

• Host: GitHub
• URL: https://github.com/jairo51067/reddit-client
• Owner: jairo51067
• Created: 2024-10-24T17:01:38.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-11-20T19:45:43.000Z (6 months ago)
• Last Synced: 2025-01-30T09:17:14.778Z (3 months ago)
• Topics: api-rest, css3, html5, javascript, modal-dialogs, responsive-web-design
• Language: JavaScript
• Homepage: https://jairo51067.github.io/Reddit-Client/
• Size: 8.79 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Cliente Reddit

"Este cliente Reddit basado en navegador ofrece una experiencia dinámica y personalizable, permitiendo a los usuarios agregar y gestionar carriles de subreddits. Desafíos superados incluyen la interacción con la API de Reddit para obtener datos dinámicos y el manejo de múltiples carriles interactivos. Se utilizaron HTML5, CSS3 y JavaScript, junto con validaciones y una interfaz amigable, para garantizar funcionalidad y diseño responsivo. Es un proyecto que demuestra dominio en integración de APIs y creación de interfaces dinámicas."

[Enlace al proyecto](https://jairo51067.github.io/Reddit-Client/)  

Imagen del proyecto




![reddit](https://github.com/user-attachments/assets/6ce225d3-cb16-42e7-a6a4-a0b76fec0b69)




![reddit_1](https://github.com/user-attachments/assets/578ea1d7-9d68-4835-b9c1-7d7aa45f166a)




![reddit_2](https://github.com/user-attachments/assets/f5c4cde8-f039-4f9a-9846-e93ec346284b)




![reddit_movil](https://github.com/user-attachments/assets/91aab579-fec8-48af-9bab-8dbb02b65fa4)

## Descripción

Un cliente Reddit interactivo que permite a los usuarios explorar publicaciones de diferentes subreddits en carriles personalizables. Este proyecto soluciona el problema de organizar y acceder rápidamente a contenido relevante en Reddit. Desarrollado para aprender e implementar integraciones de APIs, manipulación dinámica del DOM y validaciones en tiempo real.

## Características

- **Modal interactivo:** Permite agregar nuevos subreddits validando su nombre antes de procesarlos.

- **Carriles dinámicos:** Cada subreddit se muestra en un carril independiente con títulos, autores y recuentos de votos.

- **Botones funcionales:** Opción de eliminar o refrescar el contenido de un carril.

- **Enlaces directos:** Cada título y subreddit lleva al contenido original en Reddit.

## Tecnologías Utilizadas

- **HTML5:** Estructura semántica del proyecto.

- **CSS3:** Diseño responsivo, uso de Flexbox y manejo de estilos para el modal y carriles.

- **JavaScript:** Manipulación del DOM, integración con la API de Reddit, validaciones y eventos dinámicos.

- **API de Reddit:** Extracción de publicaciones relevantes para cada subreddit.

## Instalación

1. Clona el repositorio:

    ```bash

    git clone https://github.com/jairo51067/cliente-reddit.git

    ```

2. Abre el archivo `index.html` en tu navegador web preferido.

## Cómo Contribuir

1. Haz un fork del repositorio.

2. Crea una nueva rama (`git checkout -b nombre-de-la-rama`).

3. Realiza tus cambios.

4. Envía un pull request con una descripción clara de los cambios realizados.

## Licencia

Distribuido bajo la licencia MIT.

## Autor

Este proyecto fue desarrollado por **Jairo Cárdenas**.  

- Correo electrónico: [[email protected]](mailto:[email protected])

- GitHub: [@jairo51067](https://github.com/jairo51067)

 

Proyecto ejecutado en el roadmap

https://roadmap.sh/projects/reddit-client 

Este sitio web utiliza la API de Reddit para mostrar las últimas publicaciones de subreddits.