An interactive map of John McGlashan College, made for NCEA Web Design and Development Standards 91891, 91893 and 91897.
Fully functional search bar with clickable markers
Backend access with Flask-Admin
Dark and light mode
- Download and install MySQL Community Server.
- Launch the server.
- Log in to MySQL (
mysql -u root -porsudo 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- Install all required packages with
pip install -r requirements.txt. It is recommended that you do this in a virtual environment. - Run
setup.pyto 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.
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.
The source code of this project (excluding external packages and software) is licensed under the GNU GPL v3.0 license.