Skip to content

beautiful-life-friends/Discord.RSS-Web

 
 

Repository files navigation

Discord.RSS Web

A web server for https://github.com/synzen/Discord.RSS to manage your feeds. The backend is built with Express with server-side sessions, and a RESTful API. The front end is built with create-react-app (in ./client folder), with Redux and React Router. User authentication is done via Discord's OAuth2.

For the main npm bot repository, see https://github.com/synzen/Discord.RSS

For the bot repository to clone for personal non-programmatic use, see https://github.com/synzen/Discord.RSS-Clone

All documentation can be found at https://docs.discordrss.xyz/.

Preview

Mobile responsive UI, built according to Discord's theme with Discord's blessing

UI Screenshot

Deploy to Heroku

You can deploy the bot in a simple way to Heroku using the button below. Click here for detailed instructions.

Deploy

If you want to deploy manually you can follow this guide.

Hosting on Glitch

Click the button below to import the code to Glitch. Wait for the importing process to complete, make your project private and fill in the Configuration. Use a tool like Uptime Robot to prevent the bot from going offline.

Remix on Glitch

You can use MongoDB Atlas for the MongoDB database and Redis Labs for the Redis database.

The web port for Glitch is 3000.

Development:

Backend

  1. npm install in this directory to install backend requisites
  2. Set up variables under web configuration in config.json
    • config.bot.clientID (Bot Client ID)
    • config.bot.clientSecret (Bot Client Secret)
    • config.bot.sessionSecret (Set to some random string)
    • config.bot.redirectURI (Discord OAuth2 Redirect URI - set to http://domain.xyz/authorize - replace domain what whatever yours is)
  3. Start the bot normally (node server)

Frontend

  1. npm install in ./client to install frontend requisites
  2. Make sure the proxy's URL port for create-react-app in ./client/package.json is set to config.http.port
  3. If developing the Control Panel which requires OAuth2 authentication, you must authenticate yourself via the following steps:
    • Make sure the backend is running
    • Go to http://localhost:SERVER_PORT/login, replacing SERVER_PORT replaced with whatever you set in config.http.port
    • Authorize application to Discord
  4. npm start in ./client
  5. Go to http://localhost:3000 (as specified in the npm start section of web/client/README.md). This is the development version over the server, not the built one.
  6. Edit the files in src/js folder
  7. When finished editing, publish the development files with npm run build in ./client.
  8. The changes are now built and live on https://localhost:SERVER_PORT where SERVER_PORT = config.http.port

Note that if you don't do step 5, the files being served are NOT from the webpack dev server - it's from the built files from npm run build. For live changes, make sure to do step 5.

API Tests

Run npm test

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 70.5%
  • CSS 29.3%
  • Other 0.2%