Project Initialization

[brio50]

Actions:

• [x] Add motivation/background to README.md:

• [x] Add CHANGELOG.md

• [x] Specify requirements in REQUIREMENTS.csv:

  • back-end functionality
  • front-end design
    • mobile and desktop friendly
    • dynamic fields

• [x] Research tech stack in this issue

  • automated requirement verification (code coverage)

[brio50]

Tech Stack

For the back-end I want to use Python3 to create the conversion and divisor functions, Flask (Jinja2/Werkzeug) to serve the site locally, and Github Pages to serve the site globally.

For the front-end I want to use Bootstrap and React to build a responsive and dynamic website. It's also crucial that I explore how to enable code coverage metrics based on the requirements developed. I want to explore the use of hypothesis for this and plan to integrate it into Github's CI/CD pipeline via .yml.

In my research it was clear that I can also save some time by using node.js/npm and the webpack module to build this "full-stack web app." To date, I've primarily used Python3, Flask (Jinja2/Werkzeug), and Bootstrap to build web applications.

References

1. https://github.com/MartinMcGirk/Flask-React-Bootstrap-Boilerplate/tree/master

2. https://www.codementor.io/@chirilovadrian360/flask-website-templates-open-source-seed-projects-1b6tya9jnl

   • https://github.com/Eyongkevin/hello_template/tree/master

Takeaways

• Both references are 5 years out of date.
• Reference 1. was a bit overwhelming and overkill. A database and s{a,c}ss is not necessary for this application.
• Reference 2 is along the lines of my front and back-end tech stack goals.
• The goal is to keep the initial deployment as simple as possible.

[brio50]

Tech Stack (Continued)

References

3. https://dev.to/icewreck/react-flask-integration-part-1-setup-with-webpack-djo
   • https://github.com/IceWreck/Flask-React-Boilerplate

Takeaways

• Better (simple) react implementation with Flask than previous Refs.