Skip to content

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.

Notifications You must be signed in to change notification settings

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

Repository files navigation

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

Codacy Badge Updates Python 3

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

Topics

Resources

Stars

Watchers

Forks