Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rizkikarianata/storiette

🐗 • A simple application that is used to display a collection of short stories in Indonesian. Suitable for small children who like to read short stories.
https://github.com/rizkikarianata/storiette

android cordova css framework7 html ios javascript phonegap

Last synced: about 2 months ago
JSON representation

🐗 • A simple application that is used to display a collection of short stories in Indonesian. Suitable for small children who like to read short stories.

Awesome Lists containing this project

README 

        
Welcome to Storiette! 👋 



![Neutrans](https://user-images.githubusercontent.com/52366240/173199427-1ed4dda4-5929-4ada-a3a1-1522fd4578a7.png)



Storiette is a simple open source project used to read a collection of short stories in Indonesian. This storiette is suitable for use by small children who like to read short stories. Built using Framework7. 💖 









 














Demo Page   

Documentation Page   




## 💾 Requirements



* `Node.js` - used for the entire application development process. Whether it's making an API or something

* `Web Browser` - can be used as an emulator to build applications. Example [Chrome, Firefox, Safari & Opera]

* `Internet` - because many use CDN and to make it easier to find solutions to all problems

* `Composer` - make it easier for developers to manage PHP project dependencies

* `Android SDK` - to simplify the process of building applications

* `Gradle` - function to perform application building automatically

* `Java Development Kit` - used for support in developing or building an application



## 🎯 How To Use



#### Using the built-in ready to use from the release (Recommended)



Download the latest project release from the [Release Page](https://github.com/RizkiKarianata/storiette "Release Page"). Open the Storiette project folder using a terminal and type `npm run dev`. To explore the source code you can use a text editor such as Visual Studio Code.



#### Build manually



* Before starting, make sure you have Node.js installed first

* If you have installed Node.js. Run the command git clone which is `https://github.com/RizkiKarianata/storiette`

* Install the dependencies using the node package manager of your choice. For example run `npm install` in terminal

* To run the application you can run the command `npm run dev`. And the application will automatically open using port 8080 on your default browser



#### Build to APK



* You can run commands like in the `NPM Scripts` below by adding `npm run`. Example `npm run build-dev-cordova-android` on terminal



## 🛠 NPM Scripts



* 🔥 `start` - run development server

* 🔧 `dev` - run development server

* 🔧 `build-dev` - build web app using development mode (faster build without minification and optimization)

* 🔧 `build-prod` - build web app for production

* 📱 `build-dev-cordova` - build cordova app using development mode (faster build without minification and optimization)

* 📱 `build-prod-cordova` - build cordova app

* 📱 `build-dev-cordova-ios` - build cordova iOS app using development mode (faster build without minification and optimization)

* 📱 `build-prod-cordova-ios` - build cordova iOS app

* 📱 `build-dev-cordova-android` - build cordova Android app using development mode (faster build without minification and optimization)

* 📱 `build-prod-cordova-android` - build cordova Android app



## 📋 Documentation & Resources



* [Framework7](https://framework7.io/)

* [Apache Cordova](https://cordova.apache.org/)

* [Node.js](https://nodejs.org/en/)

* [Download Storiette - Mediafire](https://www.mediafire.com/file/vzrzg1xlzbbb3a9/Storiette.apk/file)

* Did you build a framework or other features? Open up Pull Requests and put yours here! 😃



## 🧑 Author



* Facebook :  Rizki Karianata

* Instagram :  @rizkikarianata

* Youtube :  @rizkikarianata

* LinkedIn :   @rizkikarianata



## 🤝 Contributing



Please follow [Contributing Guide](./CONTRIBUTING.md) before contributing.



## 📝 License



* Copyright © 2022 Rizki Karianata

* **Storiette is an open source project licensed under the MIT license**



## ☕️ Suppport & Donation



Love Storiette? Support this project by donating or sharing with others in need.



 



**Made with ❤️ Rizki Karianata**