ethanleitch / digitech-website-2022 Goto Github PK

View Code? Open in Web Editor NEW

An interactive map of John McGlashan College, made for NCEA Web Design and Development Standards 91891, 91893 and 91897.

License: GNU General Public License v3.0

JavaScript 20.81% CSS 17.89% Python 25.26% Jinja 34.69% HTML 1.36%

digitech-website-2022's Introduction

digitech-website-2022

An interactive map of John McGlashan College, made for NCEA Web Design and Development Standards 91891, 91893 and 91897.

Features

Fully functional search bar with clickable markers

Backend access with Flask-Admin

Dark and light mode

Setup

Setting up MySQL

Download and install MySQL Community Server.
Launch the server.
Log in to MySQL (mysql -u root -p or sudo mysql, depending on your system).
Set up a user with the neccessary permissions. This user will be used by the webapp to connect to the database.

CREATE USER 'joebloggs'@'localhost' IDENTIFIED BY 'password';
GRANT CREATE, ALTER, DROP, INSERT, UPDATE, DELETE, SELECT, REFERENCES, RELOAD on *.* TO 'joebloggs'@'localhost' WITH GRANT OPTION;

Load the example database.

CREATE DATABASE classroom_db;

Exit mysql and run this in your shell.

mysql -u USERNAME -p classroom_db < mysql/classroom_db_dump.sql

Setting up the webapp

Install all required packages with pip install -r requirements.txt. It is recommended that you do this in a virtual environment.
Run setup.py to set both the webapp username & password (for the admin panel), and the MySQL username & password that you set up in the first section.
You can now run the webapp with flask run.

Disclaimer

Keep in mind that this is a development server, and you should not use it in a production deployment. For more information on deploying, read the flask deployment instructions.
Furthermore, OpenStreetMap's tile server has certain limitations, and in a production deployment, you should host your own tile server.