Star Wars 3D Models & Blueprints: Front End Web App using Flask
-
Homepage: Tasked to build a simple homepage using HTML, CSS, and JavaScript. I took this as an opportunity to go beyond this by practicing design and using advanced CSS mehtods.
Lessons Learned
- Wireframing and Prototyping in AdobeXD
- Mobile-first design
- Building Front-End from Design Specs
- SVG code in-line within HTML (and when to use src file reference instead)
- SVG in place of heavy CSS
- SVG animations
- Advanced CSS properties
- Deploying a Flask application on Heroku
- Git branch management
Getting Started
To run this project locally:
- In your terminal, navigate to the root project directory and run the following commands
- Activate the virtual environment
$ pipenv shell
- To install the dependencies
$ pip install Flask
$ pipenv install Flask
- To start the web server, execute (without debugging):
$ python application.py
- Alternatively, execute (without debugging):
$ export FLASK_APP=application.py
$ flask run
Acknowledgments
License
Copyright Notice and Statement: currently not offering any license. Permission only to view and download.