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.
This app is a fully functioning site that is at capable of doing the following, and more, using a PostgreSQL database:
- creating new venues, artists, and creating new shows.
- searching for venues and artists.
- learning more about a specific artist or venue.
The tech stack includes the following:
- virtualenv as a tool to create isolated Python environments
pip install virtualenv
- SQLAlchemy ORM to be our ORM library of choice
pip install SQLAlchemy
- PostgreSQL as our database of choice
pip install postgres
- Python3 and Flask as our server language and server framework
pip install Flask
- Flask-Migrate for creating and running schema migrations
pip install Flask-Migrate
You must have the HTML, CSS, and Javascript with Bootstrap 3 for the website's frontend. Bootstrap can only be installed by Node Package Manager (NPM). Download and install the Node.js. Windows users must run the executable as an Administrator, and restart the computer after installation. After successfully installing the Node, verify the installation using:
node -v
npm -v
Install Bootstrap 3 for the website's frontend:
npm init -y
npm install bootstrap@3
- Download the project code locally
git clone https://github.com/hilderbrandtjohn/fyyur.git
- Initialize and activate a virtualenv using:
python -m virtualenv env
source env/bin/activate
Note - In Windows, the
env
does not have abin
directory. Therefore, you'd use the analogous command shown below:
source env/Scripts/activate
- Install the dependencies:
pip install -r requirements.txt
- Run the development server:
export FLASK_APP=myapp
export FLASK_ENV=development # enables debug mode
python3 app.py
- Verify on the Browser
Navigate to project homepage http://127.0.0.1:5000/ or http://localhost:5000
Overall:
- Models are located in the
MODELS
section ofapp.py
. - Controllers are also located in
app.py
. - The web frontend is located in
templates/
, which builds static assets deployed to the web server atstatic/
. - Web forms for creating data are located in
form.py
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 inapp.py
. These pages successfully represent the data to the user, and are already defined for you.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.- Models in
app.py
--Defines the data models that set up the database tables. config.py
-- Stores configuration variables and instructions, separate from the main application code.