Flask Apps - coded with IraDesign, Webpixels free illustrations
Tags: beginners, webdev, flask, appseed
Published: 2020-06-29 18:48:23

---
title: Flask Apps - coded with IraDesign, Webpixels free illustrations
published: true
description: Simple, open-source and playful Flask starters coded with some free illustrations libraries 
tags: beginners, webdev, flask, appseed
cover_image: https://raw.githubusercontent.com/app-generator/flask-illustrations-iradesign/master/media/flask-illustrations-iradesign-screen.png
---
Hello coders,

This article presents two [Flask Apps](https://appseed.us/apps/flask-apps) generated by the [AppSeed](https://appseed.us) platform using some nice illustrations provided for free by Creative-Tim and Webpixels. Based on the permissive license, the starters can be used for unlimited hobby and commercial projects.

---

> Thank you! **Content provided by [AppSeed - App Generator](https://appseed.us)**.

---

- [Flask App IraDesign](https://appseed.us/apps/flask-apps/flask-illustrations-iradesign) - product page
- [Flask App Webpixels](https://appseed.us/apps/flask-apps/flask-illustrations-webpixels) - product page

--- 

> **IraDesign** sample

![Flask App - coded by AppSeed with IraDesign illustrations.](https://raw.githubusercontent.com/app-generator/flask-illustrations-iradesign/master/media/flask-illustrations-iradesign-screen-1.png)

--- 

> **Webpixels** sample

![Flask App - coded by AppSeed with Webpixelsillustrations.](https://raw.githubusercontent.com/app-generator/flask-illustrations-webpixels/master/media/flask-illustrations-webpixels-screen.png)

--- 

## How to use the apps

Both starters are released under the MIT License on Github and anyone with basic programming knowledge should be able to start locally the app without much effort. 

---

> Build Environment

To use the stater, Python3 should be installed properly in the workstation. If you are not sure if Python is properly installed, please open a terminal and type python --version. The full-list with dependencies and tools required to build the app:

- **Python3** - the programming language used to code the app
- **GIT** - used to clone the source code from the Github repository
- Basic development tools (g++ compiler, python development libraries ..etc) used by Python to compile the app dependencies in your environment.

---

> [Flask Apps](https://appseed.us/apps/flask-apps) Codebase (simplified)

```bash
< PROJECT ROOT >
   |
   |-- app/             # The actual APP
   |-- app/__init__.py  # App Constructor
   |
   |-- requirements.txt # App dependencies
   |
   |-- run.py           # App Bootstraper (returs the WSGI app)
   |
   |-- ***********************************
```

---

## [Flask App - IraDesign](https://appseed.us/apps/flask-apps/flask-illustrations-iradesign)

To build and start the app locally we need to write a few lines on code in the terminal. 

```bash
$ # Clone the sources
$ git clone https://github.com/app-generator/flask-illustrations-iradesign.git
$ cd flask-illustrations-iradesign
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Install requirements
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ export FLASK_APP=run.py
$
$ # Run the application
$ # --host=0.0.0.0 - expose the app on all network interfaces (default 127.0.0.1)
$ # --port=5000    - specify the app port (default 5000)  
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the app in the browser: http://127.0.0.1:5000/
``` 

If all goes well, we should see some nice illustrations on the homepage:

![Flask App coded with IraDesign Illustrations.](https://raw.githubusercontent.com/app-generator/flask-illustrations-iradesign/master/media/flask-illustrations-iradesign-screen-2.png)

For full build instructions please access the project [README](https://github.com/app-generator/flask-illustrations-iradesign/blob/master/README.md) and the official codebase docs [Boierplate Code Flask](https://docs.appseed.us/boilerplate-code/flask/) provided by AppSeed. 

--- 

## [Flask App - Webpixels](https://appseed.us/apps/flask-apps/flask-illustrations-webpixels)

The 2nd starter uses an identical codebase and the build is fully documented in the [README](https://github.com/app-generator/flask-illustrations-webpixels/blob/master/README.md) file. 

> App  Links

- [Flask App - Illustrations by Webpixels](https://flask-illustrations-webpixels.appseed.us) - LIVE Demo
- [Flask App - Illustrations by Webpixels](https://appseed.us/apps/flask-apps/flask-illustrations-webpixels) - Product page
- [Boierplate Code Flask](https://docs.appseed.us/boilerplate-code/flask/) - Documentation

<br />

![Flask App Webpixels - Template project provided by AppSeed.](https://raw.githubusercontent.com/app-generator/flask-illustrations-webpixels/master/media/flask-illustrations-webpixels-screen.png)

<br />

--- 

> How to build the app

```bash
$ # Clone the sources
$ git clone https://github.com/app-generator/flask-illustrations-webpixels.git
$ cd flask-illustrations-webpixels
$
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .\env\Scripts\activate
$
$ # Install requirements
$ pip3 install -r requirements.txt
$
$ # Set the FLASK_APP environment variable
$ (Unix/Mac) export FLASK_APP=run.py
$ (Windows) set FLASK_APP=run.py
$ (Powershell) $env:FLASK_APP = ".\run.py"
$
$ # Set up the DEBUG environment
$ # (Unix/Mac) export FLASK_ENV=development
$ # (Windows) set FLASK_ENV=development
$ # (Powershell) $env:FLASK_ENV = "development"
$
$ # Run the application
$ # --host=0.0.0.0 - expose the app on all network interfaces (default 127.0.0.1)
$ # --port=5000    - specify the app port (default 5000)  
$ flask run --host=0.0.0.0 --port=5000
$
$ # Access the app in the browser: http://127.0.0.1:5000/
```

To access the private pages, please create a user first, using the registration page. 

---

### Links & Resources

- [IraDesign](https://iradesign.io/) - Product page 
- [Webpixels Illustrations](https://webpixels.io/illustrations?ref=appseed) - Product page
- More [Flask Apps](https://appseed.us/apps/flask-apps) provided by AppSeed

---

> Thank you!