Skip to content
forked from GeorgioWan/Oi

A WYSIWYG Editor to create slides in impress.js.

License

Notifications You must be signed in to change notification settings

webappcreations/Oi

 
 

Repository files navigation

✨ BIG NEWS ✨

The NEW VERSION is under development.

It'll be more friendly to use, more powerful and more impressive!

Please stay tuned, Coming soon!! 😉

2016/11/15, OAwan

[ Oi ] Build Status

Oi

A WYSIWYG Editor to create slides in impress.js.

Have a BIG thought and try [ Oi ] out !

You must first know

Current progress

Features

  • Create step
  • Edit every step in slides
  • Delete step but not the #OVERVIEW
  • Download the slides as HTML with basic style ( [ NEW! ] Download with hint and author stamp )
  • Export the slides as JSON (Now only download a HTML file, but you can import it directly!!)
  • The best part is WYSIWYG for impress.js
  • [ NEW! ] Import 🎉
  • [ NEW! ] Easy guided tours with react-joyride

Todo..

  • Support more browser and Pad (Better on Chrome now)
  • Validation of input
  • Import
  • More theme to choose (Only basic style for slides from impress.js demo currently)
  • Optimize component re-render (TinymceEditor, EditPanel, etc.)
  • Improve the UX/UI (please help... T^T)
  • Maybe OAuth(?)

... anything you thought please PR or give an issue, thanks!!!

Wonderful works via [ Oi ]

https://oawan.me/Oi - [ Oi ]

If you have any work of slides or website via [ Oi ], please let me know (leave an issue or push a PR), I'd love to share your wonderful works!!

Development/Building

  1. This project made by React with Redux, you can checkout Dependencies first.
  2. And you can develop with Redux DevTools Extension, checkout Additional

Let's start

  1. Install NodeJS.
  2. Fork this project or clone it git clone https://github.com/GeorgioWan/Oi.git .
  3. cd Oi
  4. Install development dependencies npm install .
  5. Please checkout your branch git checkout -b YOUR-BRANCH-NAME .
  6. Start to develop npm run dev (it will run with webpack-dev-server)

Additional

You can develop [ Oi ] with redux-devtools-extension, it can show you what action you dispatch and what's change in state.

Start with

Dependencies

React

Webpack

Others

License

Copyright © 2016 Georgio Wan - MIT License

About

A WYSIWYG Editor to create slides in impress.js.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 79.4%
  • CSS 19.5%
  • HTML 1.1%