learnit

Learnit

Una plataforma de aprendizaje simple, fácil de usar y gratuita para todos.

¿Qué es Learnit?

Learnit es una plataforma que permite a todos aprender codificación. Es un proyecto gratuito y de código abierto que está actualmente en desarrollo. Siéntase libre de contribuir al proyecto bifurcando el repositorio y haciendo una solicitud de extracción (más al respecto en la sección contribuyente).

Descargo de responsabilidad

La versión de desarrollo utiliza https://cors-anywhere.herokuapp.com/corsdemo para evitar CORS. Esta no es una buena práctica y no debe usarse en la producción. Esto es solo para fines de desarrollo. Para que funcione, debe abrir el sitio y hacer clic en el botón Request temporary access to the demo server .

Configuración

1. Clon el repositorio git clone https://github.com/Style77/learnit.git
2. Instalar dependencias yarn install
3. Configuración .env.local archivo:

 # Firebase config
apiKey=
authDomain=
projectId=
storageBucket=
messagingSenderId=
appId=
measurementId=

# local server url - website adds /api to the end
apiUrl="http://localhost:3000"


# jdoodle.com config - its used for compiling code in lessons
jdoodleClientId=
jdoodleClientSecret=

4. Ejecutar el yarn dev del proyecto

Que contribuye

Si desea contribuir al proyecto, puede hacerlo bifurcando el repositorio y creando una solicitud de extracción. Si tiene alguna pregunta, puede contactarme en Discord: yves#8382 . Cada contribución es apreciada y le daremos crédito por ello (especialmente cada autor de las nuevas lecciones agregadas, verificación del formato de lecciones en la sección de modelos).

Modelos

Modelo de lección

El formato de lecciones se basa en la siguiente fórmula:

• Las lecciones se almacenan en la carpeta data/courses/[language]/lessons , cada nombre de la lección es un número (por ejemplo, 1.json ) y se usa para clasificar las lecciones.
• El archivo de lección es un archivo JSON con la siguiente estructura:

{
    "title" : " " ,                // lesson title
    "description" : " " ,          // this is not used anywhere yet, but can be used to display description in the future (or help with SEO)
    "number" : 1 ,                // number of lesson
    "tags" : [],                 // tags for lesson (e.g. "arrays", "loops", "functions") - not used anywhere yet
    "examples" : [               // examples for lesson
        {
            "title" : " " ,        // example title
            "description" : " " ,  // example description - it's shown on the left side of editor
            "code" : " " ,         // example code - it's shown in editor on the right side - not needed if u want user to write code from scratch
            "output" : " "        // example output - it needs to be same as output from code written by user to let user pass the example (or lesson if there is only one example)
        },
        {                       // there can be multiple examples in one lesson - user needs to pass all of them to pass the lesson (or there can be only one example in lesson)
            "title" : " " ,
            "description" : " " ,
            "code" : " " ,
            "output" : " "
        }
    ]
}

Licencia

Este proyecto tiene licencia bajo la licencia MIT; consulte el archivo de licencia para obtener más detalles.

HACER

• Cambiar descripción de cursos en constantes.js y agregar más cursos
• Cambio de dominios permitidos en next.config.js a algún proxy de imagen como https://cloudinary.com/
• Actualizar README.md y LICENSE
• Actualizar reposco cada pocos días (debería haber algún trabajo cron para eso)
• Agregar más lecciones

Usado en Learnit

• Next.js

• Firebase

• jdoodle.com

• react-icons

• confrontación

• Los iconos para cursos son principalmente de Wikimedia Commons y sitios web oficiales de los idiomas y marcos

Autores

• Estilo - Desarrollo
• Kluczi - Desarrollo