Cocomic

An open-source platform for comic/manga co-authoring

How to run the example code

development version

docker-compose up -d
gulp

• visit localhost:3003

production version

• visit https://cocomic.azendless.com/

Features Might be Easily Missed

• responsiveness

Functions

• Register
• Login
• User Center
  • My collection: books created by the user
    • click + to upload a new book
  • Bookmarks: books loved by the user
• Home
  • 6 most popular books
  • 6 newest books
• Popular: comic books sorted by popularity
• New: comic books sorted by create time
• Click a book to open:
  • book cover and author info
  • chapters
    • at the end of chapter, one can click buttons to add a bookmark, to like the chapter, to create a new chapter (new branch), or to edit the chapter
    • at the end of chapter, one can drag images in the carousel to select the next chapter to read

Known bugs

• Branch switch results in blank page on ios chrome, because history, one of package used in the project, have some bugs supporting ios chrome.

Tech Stack

• express - backend
• nginx - reverse proxy
• yarn - dependency manager
• gulp - task runner
• materialize - a modern responsive front-end framework based on Material Design
• sass - CSS pre-processors
• postcss - CSS post-processor
• webpack 3 - module bundler
• webpack-dev-middleware - offers a dev middleware for webpack, which arguments a live bundle to a directory
• webpack-hot-middleware - add hot reloading into an existing server without webpack-dev-server
• followed ES6 standard
• babel - compile ES6 to ES5
• react - building user interfaces
• react-hot-loader 3 - hot module reload!
• react-router 4 - routing
• react-redux - the official react bindings for redux (a predictable state container for js apps)
• connected-react-router - a redux binding for react-router 4, currently a replacement for react-router-redux v5
• immutable.js - persistent Immutable data structures for react redux state management
• editorconfig - maintain consistent coding styles between different editors and IDEs
• eslint - lint javascript files (.js, .jsx)
• stylelint - lint style files (.css, .scss)
• postgresql - advanced open source database
• docker - the open-source application container engine
• Google Cloud Platform - build and host applications and websites, store data, and analyze data on Google's scalable infrastructure
• let's encrypt - free SSL/TLS certificates

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

License

MIT License