/r/eader for reddit

A lightweight reddit client, designed for desktop use.

Main Frameworks/Libraries Used

• Next.js 13
• Redux
• React Query
• Chakra UI

Features

• View posts and comments
• Add and view saved subreddits on homepage
• Quickly refetch new comments without reloading
• Easily search for subreddits through the search bar
• Drag to resize image functionality, similar to RES (Reddit Enhancement Suite)
• Global NSFW filter
• Keyword filter for subreddit posts

Ideas for Future Features

• Multiple card styles for viewing posts
• Auto update comments for live threads (e.g. sports match threads) with custom delay time
• Keyboard shortcuts for faster navigation
• Custom reddit video player

Environment Variables

The only environment variables needed are CLIENT_ID and CLIENT_SECRET, which can be generated by creating a web app using https://www.reddit.com/prefs/apps/

• See .env.example for a list of all variable names
• Use .env.local file for development environment

Scripts

Run development server

$ npm run dev

Runs on http://localhost:3000/ by default

Create build folder for production

$ npm run build

Preview Build

$ npm run start