cnotv-news

News aggregator based on Reddit API, Vue.js and PWA

Todo

• Service worker to inform of new posts with refresh button

• Add Open ID SSO and OAuth with Firebase

• Posts options per subredddit

• Inline SVG

• Add share button with Share API

• Slide to next menu with transition

• Menu transition

• Create plugins out of swipe behavior

• Add Travis or Circle.ci configuration for CI pipes

• Add models and types for all the missing cases

• Complete unit testing

• Add push notifications for new posts

• Add dark mode using CSS variables and or theme class

• Rewrite layout with CSS grids

• Use parameters over query string

• Add factories

• Add e2e tests

• Store posts in local storage

• Add pull to refresh

• Mobile header with current menu

• Add comments number

• Make header fixed

• Display subheader only when changing settings

• Create infinite scroll appending elements

• Integrate Sentry

• Integrate Hotjar

• Add PWA files from the vue.config

• Add pull to refresh transitions

• Convert code to typescript compliant

• Improve subreddit search

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint