If you are using Chrome Browser, please go to :
chrome://settings/content/cookies
then uncheck block third-party cookies
Demo Hosting https://wdp-2019.web.app
Wep development platform(WDP) is an editor that's build for web development. Web application development is a growing field, and with all new configuration options it becomes harder and harder to focus on writing code. We make this easier by doing most configuration for you.
This focus on web application development allows us to do many more optimizations. We can analyze npm dependencies, we can show custom error messages for known errors, we can make projects easily searchable by npm dependency. The possibilities are endless!
This is our home page when you first see our project.
On the left corner, this is a shortcut WDP to quickly return home page.
On the right corner, this is your github account (here is my github account) if you already sign in with github.
In the middle, there is a button to Start Coding. Click there to start your journey
On the left side, there is a Tree View. You can Search your file, Add file, Add folder and Delete. There already exists 3 default files index.html, script.js, style.css in your project.
In the middle is where you code.
On the right side, there have web preview and your console log.
When you loged in with github, this will automatically list all your github's repositories. You can create new repo by click to big plus. Also, you can quickly access to this dashboard by click to menu on the right cornor.
- React-monaco-reference : https://github.com/SurenAt93/monaco-react
- Tree view : https://github.com/fiffty/react-treeview-mui