Giter Club home page Giter Club logo

integrated-learning-environment's Introduction

Integrated Learning Environment

An online learning platform for HTML, CSS and JavaScript in a playful way.

Visit http://play.code.design for the live application.

Prerequisites

  1. JDK 11+
  2. Clojure
  3. Leiningen
  4. Docker

Starting the app

  1. Run lein repl
  2. Run (start) inside of REPL

integrated-learning-environment's People

Contributors

paulhempel avatar luhagel avatar chrbinder avatar lambdaschmied2 avatar

Stargazers

 avatar Marv van Pal avatar

Watchers

 avatar Marv van Pal avatar

Forkers

paulhempel

integrated-learning-environment's Issues

Finish screen

When having no more missions, show a finish screen.

Text editor mode

The text editor mode which is available for projects can be selected for story levels in the admin panel but doesn't show up for users in story levels

Bug-Feedback Chris

  • - man kann Buchstaben in "Schritt" eintragen im Missionseditor
    • make input type number
  • - wenn man eine neue Mission anlegt und dann auf Speichern geht, bekommt man das Fenster für eine leere, neue Mission anstatt das vorausgefüllte Formular für eine neue Mission
  • - https://play.code.design/de/world/ liefert keine Daten, obwohl man das vllt erwarten würde
    • redirect to /worlds/
  • - wie umgehen mit Grafiken, die während einer Aufgabe benötigt werden? Gibt es einen "Lagerplatz" oder "Assets Store"?
  • - Soll-Zustand zeigen? Wie umgehen mit: "So soll es aussehen?" im Erklärfeld? (update: HTML scheint zu gehen)

Present back button when showing tablet

When the level is started and the tablet with the dialog is displayed, it is not possible to return to the overview from here. The dialog must be clicked through beforehand.

Account Page

For users

  • Delete Account
  • Change password
  • Change/add/remove email

"check" button is pushed out of view

If there is too much text in the explanation screen in story levels, the "check" button is pushed down and out of the window.

The explanation area should either be scrollable with the button below or expandable with the button absolutely positioned and in front of other elements.

Ignore line order when validating CSS classes

When validating CSS classes only one order (the one given in the admin panel) is allowed.

Yet when we have a class one may choose a different order:

body {
  color: red;
  background: white;
}

should be valid even if line 2 and 3 are swapped

Click-to-move for code blocks (place them last)

Clicking on code blocks in story levels with code blocks could put them in the last place of selected code blocks. This would remove to navigate code blocks in complex story levels.

suggested by user during feedback round

Fix Login

  • Manual login for username or email
  • Admin overview for users

Tappy not completely visible

As soon as "Tappy" is to be displayed as an image, the dialog on the tablet does not scroll to the corresponding position as it does with text.

New admin fields

  • Image per chat step
  • explanation for mission
  • hint for mission (shown on error)
  • toggle: block or text editor

Setting the level of difficulty

Depending on the set difficulty level, the e.g. complexity does not change. For example, the "Difficult" level is the easiest on "Level 1: Intro".

Hidden CSS is added to body-tag for CSS story levels and should be overwritable

When selecting CSS as mission type for a story level, the page preview seems to inherit a standard CSS body rule with white background and sans-serif typefont regardless of what is written in the "hidden css" field in the admin panel.

Inheritance should either available to be selected additionally to custom css or be left out.

Profile page for users

Users should be able to

  • add/remove/edit their email
  • update their password
  • delete their account
  • get a new user name

Testissue #2

Dies ist ein Testissue, um das automatische Hinzufügen um Projekt zu prüfen.

Admin Backend for creating new Content

  • Create and update Templates
  • Show/hide templates
  • Create and edit story missions
  • Reorder story missions

Story missions shall be linear in the first step, but grouped to one story line (e.g. Story Line = "HTML Intro", 5 Missions as content)

Make user sandbox-projects deletable

In the projects view of users, there is no button to delete projects.

This would be quite handy to clean up the projects view or delete unwanted projects.

Button to delete missions

In the admin panel there is no button to delete missions.

This would be good in case of mistakenly adding a mission or wanting to remove elements from the story.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.