JacobGrisham / Star-Wars-Front-End-Web-App-using-Flask

Front-end web application built with Flask. Tasked to build a simple homepage using HTML, CSS, and JavaScript. I took this as an opportunity to go beyond this by practicing design.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Star Wars 3D Models & Blueprints: Front End Web App using Flask

Codacy Badge Updates Python 3

๐ŸŽ“ Web Track

  • 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.

About

Front-end web application built with Flask. Tasked to build a simple homepage using HTML, CSS, and JavaScript. I took this as an opportunity to go beyond this by practicing design.


Languages

Language:HTML 74.2%Language:CSS 12.6%Language:JavaScript 11.5%Language:Python 1.7%