Comments (7)
Hey @OmarShezan,
As far as design goes, we are working on a mock up for the playground in Figma by @gigirubi, but as for everything else, it is sorta just a free-for-all. The initial design is implemented, so there isn't much to do there, but if you have any ideas that you think will work great, please feel free to pitch your ideas. The playground mockup probably won't be ready for some time as it is currently a very hectic time for us.
A couple current things that need some work is:
- Landing page could use more love. It is very basic and although describes Binari well, it doesn't quite hook the user.
- When an error occurs in the playground, the error screen no longer fills the entire height of the parent div on some browsers.
- When the playground is first opened, I would like an entry screen before it jumps into the code.
- Animated in some way.
- Different design than the current playground layout.
- Leads into an interactive (of sorts) tutorial
- (This is obviously a big addition to the site, and won't be added until later, but I figured I should include it on the list as it is something that we will get to eventually.)
When we have a mockup going, I will be sure to ping you. You are welcome to make addition as you see fit until then and we will review them and give feedback.
Best of luck!
from binari.
Hi! I've made a pull request that includes aligning sections for the landing and about page, as well as adding video information to the landing page and fixing any spelling/grammatical errors: #33.
from binari.
Do we have a moke-up of what the final design should look like? its may be helpful if we could create a Figma.com design so people can start contributing to it. I am not good at design but I can help in implementing it.
from binari.
Hey @BrandonArmand I would like to make changes in the Home page design into a bit of dynamic one.
from binari.
@Vinamra2009 Sounds great (: Would love to see what you do.
from binari.
Hi @BrandonArmand, is the mockup ready? If so, do you need any help in implementing it? I'm looking for an open-source issue related to front-end development, so it would be nice if I could help in some way.
from binari.
hey @BrandonArmand found out that this issue can be solved i have a great idea that can make interface of website more appealing and interactive to users would you assign it to me under hacktoberfest
more things can be added like buttons , gradient colours , light/dark mode toggle
from binari.
Related Issues (20)
- Add an expand/hide button on the lesson screen HOT 8
- Optimize the p5.js HOT 1
- Design terminals. HOT 9
- Binary tree crashes when a null value is inserted to the tree. HOT 3
- Add Call-To-Action button to landing page HOT 7
- Replace Landing page video HOT 1
- About page crashes on load HOT 1
- Create Hotkeys HOT 2
- Add Color Scheme to Directory HOT 2
- Move functions to helper.js files HOT 12
- Quick tutorial HOT 9
- Create Logo HOT 4
- Fix bug when running code through hotkey HOT 6
- DeepScan & Lighthouse Tuning and Fixes HOT 6
- Empty states are not handled in about page contributors card HOT 2
- The project description, documentation and home page states "dynamic programming" which is a misleading term. HOT 3
- The console could be made vertically resizable. HOT 3
- There is a grammatical mistake in chapter one(insertion) HOT 4
- Add test cases for react components HOT 9
- Running script before each commit to auto format and test HOT 5
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 binari.