Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nunogois/bestdit

The best content from Reddit showcased in one app.
https://github.com/nunogois/bestdit

android capacitor cross-platform dark-theme desktop electron eslint hacktoberfest infinite-scroll ios lottie mobile prettier pwa quasar-framework reddit sass typescript vue vue-i18n

Last synced: about 2 months ago
JSON representation

The best content from Reddit showcased in one app.

Awesome Lists containing this project

README 

        


    



  



  Bestdit is a very simple Reddit client, 100% cross-platform and open-source, built using Quasar Framework - A VueJS framework.

  



  Check out Bestdit here: https://bestdit.vercel.app/










  








# ✨ Features



- 100% cross-platform with a single open-source codebase

- Welcome screen (Carousel)

- Light / Dark theme

- Get subreddit recommendations based on your interests

- Configure subreddits manually

- All of the data is saved locally

- Infinite scroll

- Pull down to refresh

- Internationalization

  - English

  - Portuguese







# 👨‍💻  Using



![Quasar Framework](https://img.shields.io/badge/-Quasar%20Framework-141321?style=flat&logo=quasar&logoColor=1976D2) 

![Capacitor (Mobile)]() 

![Electron (Desktop)]() 

![TypeScript](https://img.shields.io/badge/-TypeScript-141321?style=flat&logo=TypeScript&logoColor=3178C6) 

![Sass (indented syntax)]() 

![ESLint](https://img.shields.io/badge/-ESLint-141321?style=flat&logo=ESLint&logoColor=4B32C3) 

![Prettier](https://img.shields.io/badge/-Prettier-141321?style=flat&logo=Prettier&logoColor=F7B93E) 



### And also...



- Vue-i18n

- Axios

- Lottie



[Bestdit icon](https://www.flaticon.com/free-icon/trophy_3112946) made by Freepik from www.flaticon.com



Free animated illustrations from [LottieFiles](https://lottiefiles.com/)







# 🔨  Builds



## [PWA - Progressive Web App](https://quasar.dev/quasar-cli/developing-pwa/introduction)



Progressive Web Apps are web apps that anyone can optionally install through the browser.



This is the default web app that you see hosted on [Vercel](https://vercel.com/).









  Windows 10 + Google Chrome:

  


  

  



  Manjaro i3 (Arch-based) + Brave:

  


  

  



  Pop!_OS (Ubuntu-based) + Regolith + Google Chrome:

  


  

  



  We can even open the PWA through the launcher:

  


  

  



  Android 11 + Google Chrome (prompt at the bottom of the screen):

  


  

  






## [Capacitor - Mobile (Android, iOS)](https://quasar.dev/quasar-cli/developing-capacitor-apps/introduction)



With a simple command we can issue a mobile build from the same code base.



Since I don't have a Mac with me at the moment, I've only built the Android version (APK).



The APK is currently being built targeting Android SDK 29. However, since it has a minSdkVersion parameter of 21, any Android 5.0+ should be able to run the app.



If you wish to build for iOS, simply follow the steps in the Quasar documentation.









  Android Studio emulator:

  


  




## [Electron - Desktop (Windows, Linux, macOS)](https://quasar.dev/quasar-cli/developing-electron-apps/introduction)



With a simple command we can issue a desktop build from the same code base.



Since I don't have a Mac with me at the moment, I've only built the Windows version (EXE) since that is what I'm using at the moment.



If you wish to build for other platforms, simply follow the steps in the Quasar documentation.









  Windows 10:

  


  








# 📌 To Do



- [x] Main page

- [x] Main layout

- [x] User drawer (on the right)

- [x] Dark theme

- [x] Post component

- [x] Loading skeleton

- [x] Load posts

- [x] Infinite scroll

- [x] Pull down to refresh

- [x] Vue-i18n (EN + PT)

- [x] App icon

- [x] Add meta tags

- [x] GitHub repo

- [x] Basic video support

- [x] Setup builds (PWA, Windows, Android, etc)

- [x] Add Lottie

- [x] Welcome page

- [x] Local storage

- [x] Custom 404 page

- [x] Add options to user drawer (on the right)

- [x] Installable version recommendation on Welcome

- [x] Subreddit configuration page

- [x] Better scroll load on mobile

- [ ] Better Reddit post support (external links, some videos, galleries and other embedded media are not working correctly)

- [ ] Fix duplicates bug

- [ ] Like / favorite

- [ ] Show favorites

- [ ] Virtual scroll?

- [ ] Share component

- [ ] Auth

- [ ] Improve Lighthouse score