learnit

Apprendre

Une plate-forme d'apprentissage simple, facile à utiliser et gratuite pour tout le monde.

Qu'est-ce que Learnit?

Learnit est une plate-forme qui permet à tout le monde d'apprendre le codage. Il s'agit d'un projet gratuit et open source qui est actuellement en développement. N'hésitez pas à contribuer au projet en fournissant le référentiel et en faisant une demande de traction (plus à ce sujet dans la section contributive).

Clause de non-responsabilité

La version de développement utilise https://cors-anywhere.herokuapp.com/corsdemo pour contourner Cors. Ce n'est pas une bonne pratique et ne doit pas être utilisé en production. Ce n'est qu'à des fins de développement. Pour le faire fonctionner, vous devez ouvrir le site et cliquer sur le bouton Request temporary access to the demo server .

Installation

1. Clone The Repository git clone https://github.com/Style77/learnit.git
2. Installer les dépendances yarn install
3. Configuration du fichier .env.local :

 # 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. Exécutez le project yarn dev

Contributif

Si vous souhaitez contribuer au projet, vous pouvez le faire en fournissant le référentiel et en créant une demande de traction. Si vous avez des questions, vous pouvez me contacter sur Discord: yves#8382 . Chaque contribution est appréciée et nous vous en donnerons le crédit (en particulier chaque auteur de nouvelles leçons ajoutées, vérification du format des leçons dans la section des modèles).

Modèles

Modèle de leçon

Le format des leçons est basé sur la formule suivante:

• Les leçons sont stockées dans le dossier data/courses/[language]/lessons , chaque nom de leçon est un nombre (par exemple 1.json ) et il est utilisé pour tri les leçons.
• Le fichier de leçon est un fichier JSON avec la structure suivante:

{
    "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" : " "
        }
    ]
}

Licence

Ce projet est autorisé en vertu de la licence MIT - voir le fichier de licence pour plus de détails

FAIRE

• Changer la description des cours dans Constants.js et ajouter plus de cours
• Modifiez les domaines autorisés dans next.config.js en un proxy d'image comme https://coudinary.com/
• Mettre à jour README.md et LICENSE
• Mettez à jour le remplacement tous les quelques jours (il devrait y avoir un travail cron pour cela)
• Ajouter plus de leçons

Utilisé dans Learnit

• Next.js

• Base de feu

• jdoodle.com

• réactif-icons

• épreuve de force

• Les icônes des cours proviennent principalement de Wikimedia Commons et des sites Web officiels des langues et des cadres

Auteurs

• Style - Développement
• Kluczi - développement