Skip to content

Small Vue2 project for displaying information I am interested in. This is the front end to an Express backend that scrapes and serves data.

Notifications You must be signed in to change notification settings

kmsherrin/collatenator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

dashboard

This was a small test project to get a starting point on the use of Vue. It was created with Vue 2, I would like to start another project to crack open the new Vue 3 and to get more into the use of state management (composition api).

This project is the frontend to another project/api (expressjs web scraping api project and db that scrapes data for weather, news, groceries and reddit posts). This Vue frontend displays the data in either a tiling dashboard (desktop) or tinder style tile swipe view (mobile).

Collatenator on desktop

The Collatenator main dashboard UI on desktop with a horizontal resolution of 2560px

Collatenator on mobile\

When on mobile the cards in the desktop view squish down and are accessible swiping along the horizontal axis, cards will snap into view so that the user can "flick" through the cards.

List of features

  • Easily extensible tile system (provide a keyword prop to pass to the backend api and it will display the accordingly)
  • Minimal dependencies
  • Attempts to format and display most reddit posts
  • Displays news posts in readable format
  • All items are full linked to open at source
  • Functional weather display

Not a very complete project, but got started with Vue nonetheless

todo

  • add login system with page to add/remove desired tiles

About

Small Vue2 project for displaying information I am interested in. This is the front end to an Express backend that scrapes and serves data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published