Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/alexiscolin/hepic-int

🥇Hepic App Integration
https://github.com/alexiscolin/hepic-int

css html5 integration-testing less no-js pug

Last synced: about 1 month ago
JSON representation

🥇Hepic App Integration

Awesome Lists containing this project

README

        


 

# Hepic
🥇 hepic repo to host files about integration files.

## Important notes

**THIS REPO IS CREATED, MANAGED, USED, OWNED BY DJDB AND MUST REMAIN SO.
PLEASE, FORK OR DOWNLOAD IT ON YOUR OWN REPO IN ORDER TO PUSH YOUR MONDIFICATIONS**

Some of the CSS code here is old and don't match anymore with the Hepic App

## Installation

this project sources are located inside the `int` folder. `int` folder covers integration files about first MVP commit.

### Integration
**INT** contains two differents folders, `src` is used to create a `build` folder through gulp process. `Build` is the one you need to interest in if you want to download executable files. **Download this folder and open the index.html in your browser to start using the MVP in pre-production**.

1. Clone Hepic git repo by using the following Terminal command `$ git clone https://github.com/alexiscolin/hepic.git`,
2. Enter the new folder just created by Git `$ cd hepic`,
3. Start web server with the gulp script `$ yarn watch`,
4. Enjoy the INT app in your favorite browser following the local URL given by browser-sync.

You can also visit the website using the following URL address: [http://hepic.netlify.com](http://hepic.netlify.com)

**In order to watch dev the INT site, you have to run the following command inside the `hepic` folder:**

```shell
$ yarn watch
```

**In order to build the INT site, you have to run the following command inside the `hepic` folder:**

```shell
$ yarn build
```

## development
### Frameworks & preprocessors
This project is written using frammeworks and libraries and various preprocessors for HTML, JS and CSS

* LESS (Atomic CSS - BEM style)
* PUG/Jade (Web Components OOP)

### Tools
This project requires some Tools

* Gulp
* Babel
* ImgOptim

## Enjoy the app
![](https://media.giphy.com/media/K76qbIIjXvcqI/giphy.gif)