Fyyur

Introduction

Fyyur is a musical venue and artist booking site that facilitates the discovery and bookings of shows between local performing artists and venues. This site lets you list new artists and venues, discover them, and list shows with artists as a venue owner.

Tech Stack (Dependencies)

1. Backend Dependencies

• SQLAlchemy ORM
• PostgreSQL
• Python3 and Flask
• Flask-Migrate

Download and install the dependencies mentioned above using pip as:

pip install Flask-Moment
pip install Flask-SQLAlchemy
pip install Flask-WTF
pip install Babel
pip install python-dateutil
pip install Flask-Migrate
pip install psycopg2-binary

2. Frontend Dependencies

HTML, CSS, and Javascript with Bootstrap 3 frontend. Install Bootstrap by Node Package Manager (NPM). Therefore, if not already, download and install the Node.js.

node -v
npm -v

Install Bootstrap 3 for the website's frontend:

npm init -y
npm install bootstrap@3

Main Files: Project Structure

├── README.md
├── app.py
├── config.py
├── error.log
├── forms.py
├── requirements.txt
├── static
│   ├── css 
│   ├── font
│   ├── ico
│   ├── img
│   └── js
└── templates
    ├── errors
    ├── forms
    ├── layouts
    └── pages

Highlight folders:

• templates/pages -- Defines the pages that are rendered to the site. These templates render views based on data passed into the template’s view, in the controllers defined in app.py. These pages successfully represent the data to the user.
• templates/layouts -- Defines the layout that a page can be contained in to define footer and header code for a given page.
• templates/forms -- Defines the forms used to create new artists, shows, and venues.
• app.py -- Defines routes that match the user’s URL, and controllers which handle data and renders views to the user.
• model.py -- Defines the data models that set up the database tables.
• config.py -- Stores configuration variables and instructions, separate from the main application code.