An early aughts basic website recreated using modern tools
NOTE: The website now has a custom-made content management system (CMS) in alpha. Check it out in its own repo.
In the early aughts, I co-founded the Landscape Architecture Film Series for the Department of Landscape Architecture at the University of Illinois Urbana/Champaign and for which I designed a website.
In need of a website to use as a vehicle to play around with a few AWS services (see Future Work) but not wanting to spend anytime to ideate and design a new one from scratch, I turned to my old website. Its look and feel has aged well, I think, and indeed looks remarkably contemporary. For instance, if the current version of MoMA's film series is anything to go by, bold color blocking isn't a dated design choice.
This, then, is that 20-year-old static website ressurrected as a dynamic web application with a data model to speak of, using modern tools such Flask, SQLite, VS Code and Git.
More screenshots below.
ALL CONTENTS IN THIS REPO ARE FOR EDUCATIONAL PURPOSES ONLY.
- Flask==3.0.0
- Werkzeug==3.0.1
Clone it!
git clone https://github.com/ggeerraarrdd/film-series.gitGo into the project directory and run the command:
flask runOpen the URL after 'Running on'.
For the embedded maps to work, you need to use your own API Key. Before you can create one, you will need to create a Google Cloud project, for which you need a Google Cloud account.
Create an .env file in the root directory and then add:
MAP_API_KEY=value
where value is your API key.
Improvements and new features development are ongoing.
- Create CMS for user management and content creation and editing (currently in alpha - see repo)
- The distribution code for CS50's Finance pset served as a template for the app.
Image created using Portfoliofy.
