Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/epykure/epyk-studio

A simple way to create rich interactive websites and dashboards compatible with modern web frameworks
https://github.com/epykure/epyk-studio

dashboards javascript python website

Last synced: about 1 month ago
JSON representation

A simple way to create rich interactive websites and dashboards compatible with modern web frameworks

Awesome Lists containing this project

README 

        



Presentation

================================

Epyk-studio is a module on top of Epyk-ui that has been created to facilitate the use of the various features available.

Since Epyk-ui is the transpiler to Javascript and web artifacts, only a few components (around 200) are available.



Epyk-studio will facilitate the use of components by using pre-defined styles according to the type of websites.

Epyk-studio also provides some helpers and shortcuts to design:



- blog pages

- event pages

- shops pages

- ad for app

- pictures / videos gallery



Those pages will generate proper HYML pages which can then be hosted by any company.

There is no need to buy something specific to use Epyk nor to publish your work.



Quickstart

================================



As Epyk-studio is still only available as a Python package, you would need to follow the below steps in order to use it:



Install Epyk



> pip install epyk_studio



#### From the internal Server



Once installed on your Python distribution, run the below command in any folder you want to user as project path.

The below options will run it using localhost address without the debug mode.



```cmd

%python%\scripts\epyk_studio.exe run -l=Y -d=N

```



This should start a terminal and page will be accessible from your browser.

The pages should guide you in the design of your web application.



#### From Python IDE



Create a web page



```py

from epyk_studio.core.Page import Report#



page = Report()

page.headers.dev()



page.ui.title("Print messages")



url = "https://raw.githubusercontent.com/jbrownlee/Datasets/master/iris.csv"

names = ['sepal-length', 'sepal-width', 'petal-length', 'petal-width', 'class']

dataset = pandas.read_csv(url, names=names)



page.ui.title("Dataset")



t1 = page.studio.dashboard.table(dataset.to_dict('records'))

```

Transpile your reports



> python epyk_studio transpile



Usage

======



The idea of this module is to never leave Python until the end of the product.

By using this module there is no need to move to Javascript or even worse to start learning TypeScript to create safe and modern webpages.



This will allow you to make the bridge between Python and Javascript and then to reuse both rich ecosystems.

Everything which is close to Javascript will be using the Javascript naming conventions.



Epyk studio can be used for any kind of project from personal ones to professional ones when dashboards are needed.

Thanks to this module and its design it will be easy to change layouts and to switch the display according to your audience (without changing code or technology).





In the below examples, assets are coming from existing websites. This is only to illustrate some features available in the 

package.






For example Epyk Studio can be used in the below cases:



To generate **dashboards** (for time management, data monitoring, machine learning algorithms...)





    





    




Examples:



[management.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/management.py)

[news.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/news.py)

[tracking.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/tracking.py)



To generate **modern websites** (for a restaurant, hotel or a specific private event)





    




Examples:



[travel.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/travel.py)

[hotel.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/hotel.py)

[wedding.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/wedding.py)



To generate **shopping websites** (for e-commerce websites)





    




Examples:



[shop.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/shop.py)

[dance.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/dance.py)

[vitrin.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/vitrin.py)



To generate **slides** (for dynamic and rich presentations)





    




Examples:



[europython](https://github.com/epykure/epyk-templates/blob/master/slides/20200725_sprint_europython.py)

[blog.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/blog.py)

[gallery.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/gallery.py)



To teach Python





    




Examples:



[learning.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/learning.py)

[image_processing.py](https://github.com/epykure/epyk-templates/blob/master/locals/studio/image_processing.py)





A simple and efficient way to prototype and share your work !




This can also work with Jupyter and JupyterLab. More details [here](https://github.com/epykure/epyk-templates-notebooks).



Next features

==================



The Epyk Studio team will be working on:



1. building an online portal to start prototyping directly from the browser.

2. integrating Native application features for the migration to apps

3. building the community

4. creating tutorials and examples



As this is a collaborative project, pleasde do not hesitate to let us know about your interest and also to share your feedback.



You can also have a look at the main templates and examples repository [here](https://github.com/epykure/epyk-templates).