Skip to content

cnotv/news

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netlify Status codecov

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