Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/obed-tc/codecombat

💻 CodeCombat – A weekly programming challenge platform offering challenges for developers of all levels, promoting learning and collaboration. Built with Astro.
https://github.com/obed-tc/codecombat

astro blog javascript taiwindcss

Last synced: 6 days ago
JSON representation

💻 CodeCombat – A weekly programming challenge platform offering challenges for developers of all levels, promoting learning and collaboration. Built with Astro.

Awesome Lists containing this project

README

        

# CodeCombat 👨‍💻🏆

[![Estado del Proyecto](https://img.shields.io/badge/estado-activo-success.svg)]()
[![GitHub Release](https://img.shields.io/github/release/obed-tc/CodeCombat.svg)](https://github.com/obed-tc/CodeCombat/releases/)
[![GitHub Estrellas](https://img.shields.io/github/stars/obed-tc/CodeCombat.svg?style=social&label=Estrella&maxAge=2592000)](https://github.com/obed-tc/CodeCombat/stargazers/)
[![GitHub Forks](https://img.shields.io/github/forks/obed-tc/CodeCombat.svg?style=social&label=Fork&maxAge=2592000)](https://github.com/obed-tc/CodeCombat/network/)
[![GitHub Issues](https://img.shields.io/github/issues/obed-tc/CodeCombat.svg)](https://github.com/obed-tc/CodeCombat/issues/)
[![GitHub PR](https://img.shields.io/github/issues-pr/obed-tc/CodeCombat.svg)](https://github.com/obed-tc/CodeCombat/pulls/)
[![License](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE.md)

[![Hecho con Astro](https://astro.badg.es/v2/built-with-astro/small.svg)](https://astro.build)
[![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)](https://vercel.com/)
[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com/)
[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

Plataforma de desafíos semanales de programación para desarrolladores de todos los niveles.

[Ver Demo](https://codecombat2024.vercel.app) · [Reportar Bug](https://github.com/obed-tc/CodeCombat/issues) · [Solicitar Feature](https://github.com/obed-tc/CodeCombat/issues)

## 📑 Índice

- [Sobre el Proyecto](#-sobre-el-proyecto)
- [Características Principales](#-características-principales)
- [Construido Con](#-construido-con)
- [Primeros Pasos](#-primeros-pasos)
- [Cómo Participar en un Reto](#-cómo-participar-en-un-reto)
- [Cómo Entregar tu Solución](#-cómo-entregar-tu-solución)
- [Contribuir](#-contribuir)
- [Contribuir con Código](#contribuir-con-código)
- [Sugerir Nuevos Retos](#sugerir-nuevos-retos)
- [Reportar Problemas o Sugerir Mejoras](#reportar-problemas-o-sugerir-mejoras)
- [Configuración del Proyecto](#-configuración-del-proyecto)
- [Prerrequisitos](#prerrequisitos)
- [Instalación](#instalación)
- [Uso](#-uso)
- [Hoja de Ruta](#-hoja-de-ruta)
- [Contacto](#-contacto)
- [Agradecimientos](#-agradecimientos)

## 🚀 Sobre el Proyecto

CodeCombat es una plataforma innovadora que ofrece desafíos semanales de programación, diseñada para desarrolladores de todos los niveles. Con actualizaciones automáticas y un emocionante sistema de cuenta regresiva, CodeCombat proporciona una experiencia de aprendizaje dinámica y atractiva.

### 🌟 Características Principales

- 🆕 Desafíos de programación semanales
- ⏱️ Temporizador automático de cuenta regresiva para cada reto
- 🔄 Sistema de actualización automática de desafíos
- 👥 Participación abierta para todos los niveles de habilidad
- 🏆 Sistema de clasificación para seguir tu progreso
- 📊 Análisis detallado de rendimiento y mejora de habilidades

### 🛠 Construido Con

- [![Astro](https://img.shields.io/badge/Astro-0C1222?style=for-the-badge&logo=astro&logoColor=FDFDFE)](https://astro.build/)
- [![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com/)
- [![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)](https://vercel.com/)

## 🏁 Primeros Pasos

### 🎯 Cómo Participar en un Reto

1. **Explora el Reto Actual**:
- Visita nuestra [página principal](https://codecombat2024.vercel.app/).
- Encuentra el reto de la semana en la sección destacada.

2. **Inicia el Reto**:
- Haz clic en el botón "Iniciar reto semanal".
- Lee atentamente la descripción del reto y los requisitos.

3. **Desarrolla tu Solución**:
- Utiliza tu entorno de desarrollo preferido.
- Asegúrate de cumplir con todos los requisitos del reto.

4. **Sube tu Solución a GitHub**:
- Crea un nuevo repositorio público en tu cuenta de GitHub.
- Sube tu código y archivos necesarios.

5. **Prepara tu Presentación**:
- Crea un README.md en tu repositorio explicando tu solución.
- Incluye instrucciones claras sobre cómo ejecutar tu código.

### 📝 Cómo Entregar tu Solución

1. **Abre una Nueva Issue**:
- Ve a la [pestaña de Issues](https://github.com/obed-tc/CodeCombat/issues) en el repositorio de CodeCombat.
- Haz clic en "New Issue".

2. **Selecciona la Plantilla**:
- Elige "✅ Presenta tu solución al reto".

3. **Completa la Información**:
Llena todos los campos requeridos:
- **Nombre del Reto**: Ej. "Reto Semanal: Encuentra el Espacio Perdido".
- **Tu Nombre o Nombre del Equipo**
- **Nombre del Proyecto**
- **Descripción del Proyecto**
- **Enlace al Repositorio**
- **Enlace de Demostración** (opcional)
- **Instrucciones de Configuración**

4. **Revisa y Envía**:
- Verifica que toda la información esté completa y correcta.
- Haz clic en "Submit new issue".

5. **Seguimiento**:
- Mantente atento a los comentarios en tu issue.
- Responde a cualquier pregunta o solicitud de aclaración.

## 🤝 Contribuir

¡Tus contribuciones hacen que la comunidad de código abierto sea un lugar increíble para aprender, inspirar y crear! Cualquier contribución que hagas será **muy apreciada**.

### Contribuir con Código

1. Haz un fork del proyecto
2. Crea tu Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commitea tus cambios (`git commit -m 'Add some AmazingFeature'`)
4. Push a la Branch (`git push origin feature/AmazingFeature`)
5. Abre un Pull Request

### Sugerir Nuevos Retos

1. Ve a la [pestaña de Discussions](https://github.com/obed-tc/CodeCombat/discussions)
2. Crea una nueva discusión en la categoría "Ideas"
3. Describe detalladamente tu idea de reto

### Reportar Problemas o Sugerir Mejoras

1. Ve a la [pestaña de Issues](https://github.com/obed-tc/CodeCombat/issues)
2. Crea una nueva issue
3. Describe el problema o la mejora con tanto detalle como sea posible

## ⚙️ Configuración del Proyecto

### Prerrequisitos

- Node.js (v14 o superior)
- npm (viene con Node.js)

### Instalación

1. Clona el repositorio
```sh
git clone https://github.com/obed-tc/CodeCombat.git
```
2. Instala los paquetes NPM
```sh
npm install
```
3. Inicia el servidor de desarrollo
```sh
npm run dev
```

## 💻 Uso

Una vez que el servidor de desarrollo esté en marcha, puedes acceder a CodeCombat en `http://localhost:4321`. Desde allí, podrás explorar los retos actuales, ver soluciones pasadas y participar en la comunidad.

## 🗺 Hoja de Ruta

Consulta la [pestaña de Issues](https://github.com/obed-tc/CodeCombat/issues) para ver una lista de las características propuestas (y problemas conocidos).

## 📧 Contacto

Obed TC - [@obed_tc](https://twitter.com/obed_tc) - [email protected]

Link del Proyecto: [https://github.com/obed-tc/CodeCombat](https://github.com/obed-tc/CodeCombat)

## 🙏 Agradecimientos

- Gracias a todos los contribuyentes que han ayudado a dar forma a CodeCombat
- Inspirado en plataformas de desafíos de codificación y la vibrante comunidad de desarrolladores

---
⌨️ Por [Obed TC](https://github.com/obed-tc)
¡Feliz Codificación! 🚀✨