Comments (5)
Would it be a fixed panel on the right or would it be a expandable panel in case someone needs a reminder? If it's the latter, I've found https://www.npmjs.com/package/react-simple-sidenav which could be modified to satisfy our needs (move it to the right and remove the opacity to be able to keep it open while playing). What do you think?
from loopye.
I think an expandable panel would be best. What do you think about this other component? https://www.npmjs.com/package/react-sidebar
(demo here: http://balloob.github.io/react-sidebar/example/)
It seems it could work out-of-the-box for our use case.
from loopye.
In my opinion it should be a fixed panel. Since the commands are in english, and the students think in portuguese, they always have to "translate" their thoughts. To click some button to open a expandable panel everytime they need would be annoying. The kid should be able to look at the reference while writing their programs. If it is going to be an expandable panel, it should be in a way that once the student opens it, it stays openned, and offering an option to hide it again.
from loopye.
That was also what I had in mind, @nildo: a panel that doesn't prevent you from writing code, but that can be hidden if the student finds it too polluting (lessons can start with it being visible). Then a button can trigger the panel's visibility. This react-sidebar
component seems to allow this easily.
from loopye.
Great! I'll work on that, then. I think we were all thinking of the same thing but I didn't explain myself well.
from loopye.
Related Issues (20)
- Confusion between "play" and the "next" button HOT 4
- Running code with a missing block_end puts code editor in unrecoverable state
- Robot takes too long to finish executing some levels HOT 1
- Do not reset when the code is modified HOT 2
- "Reset" while code is playing does not work
- Compile error messages should be visually related to the code
- "Robot already holding a component" message does not show up in lesson 3 HOT 2
- Code Editor should be focused when the level starts HOT 1
- Compilation error messages pile up on multiple compilations
- Loops with too many iterations make the browser hang
- Advancing while playing should stop the animation and reset
- Revamp CodeEditor HOT 1
- Show what part of the code is running
- Enhance game appearance and usability HOT 1
- Make the developement environment more helpful HOT 1
- Make Robolang easier to use HOT 1
- New text editor allows to keep writing code after reaching the code size limit HOT 3
- "senao" behavior should be explained in lesson04
- Add description for the "D" command before its first use in Lesson 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from loopye.