https://github.com/prajwalsrinvas/quoteflix

An app to serve quotes along with author images. Built using FastAPI and Vue, deployed on deta.
https://github.com/prajwalsrinvas/quoteflix

deta fastapi vue web-scraping

Last synced: 4 months ago
JSON representation

An app to serve quotes along with author images. Built using FastAPI and Vue, deployed on deta.

• Host: GitHub
• URL: https://github.com/prajwalsrinvas/quoteflix
• Owner: Prajwalsrinvas
• Created: 2021-12-19T10:40:12.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-15T05:42:20.000Z (over 3 years ago)
• Last Synced: 2024-07-30T18:05:09.276Z (11 months ago)
• Topics: deta, fastapi, vue, web-scraping
• Language: Python
• Homepage: https://quoteflix.deta.dev
• Size: 947 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



# Tech stack



  













# What it does?

- Get quotes from this [API](https://type.fit/api/quotes) using requests module.

- Fetch quote author image from wikipedia, if available.

- [grequests](https://github.com/spyoungtech/grequests) is used to fetch images asynchronously and [BeautifulSoup](https://www.crummy.com/software/BeautifulSoup/bs4/doc/) is used to parse the image links.

- A simple backend API is created using FastAPI. The following endpoints are available:

  - [Homepage](https://quoteflix.deta.dev/)

  - [Quotes With Author Images](https://quoteflix.deta.dev/api)

  - [Quotes](https://quoteflix.deta.dev/api/quotes)

  - [Author images](https://quoteflix.deta.dev/api/images)

- A simple frontend to serve the quotes along with the author image is created using Vue and styled using Bootstrap.

- The app is deployed on deta.sh.

# Screenshots

## Homepage

![homepage](images/homepage.png)

## Terminal

![terminal](images/terminal.png)

- The first time the script is run, the quotes are extacted from the quotes api and author image is fetched from wikipedia.

- The fetched quotes and images data is cached as a JSON file

- For subsequent runs of the script, the data is served from the JSON file.

## Docs

![docs](images/docs.png)

## References

- [Full Stack Python/Vue.js Web App Tutorial - Flask, Web Scraping & More](https://www.youtube.com/watch?v=zmylAaDsdiw)