Antonio Bobadilla

Web designer & developer | Neural Networks Researcher

Programming Jokes generator

Category: Web Development

Date: December 2021

Web application developed with HTML, CSS and JS for front-end, which gets programming jokes from an API developed with Flask in Python.

Role: Responsible for Front-end development using HTML5, CSS3, JS and API development with Python and then deployed on Heroku.

Team:

- José Antonio Bobadilla García

Live page: https://antoniobobadilla.com/projects/programmingJokes/

HTML

CSS

JS

Python

Flask

Heroku

Phase 1. Frontend development

The first thing that was done was the development of the frontend, which was used for the structure of the page, HTML, and for the application of the styles, CSS was used. For the change of the jokes and the consumption of the API, JS was used.

Database Modeling

Once we had the frontend ready, we proceeded to develop the API in Python as follows:

Database on Centos

Phase 2. Backend connection to Heroku

Once the API was working it was deployed on Heroku to enable cross-origin requests to the main page.

Learnings

In this project I learned about APIS, connections with frontend and backend, deploying an app to Heroku, as well as knowledge about web design and responsive design. I would love to learn more about this topic and be able to do many more projects that integrate technologies such as Python and Web technologies.