/Together

Primary LanguageJavaScript

Together

Together is a new app designed for 100devs. Together is a group calendar for public events, so you can see what's going on in your community. We're making it easier to find out about the events that are happening in Discord and let you know how much fun they'll be!

Link to project: https://together.cyclic.app/

alt tag

How It's Made:

Tech used: Tailwind, JavaScript, MERN

Work in Progress

Optimizations

(optional)

Work in Progress

Lessons Learned:

Work in Progress

Want to Contribute?

For complete contributing instructions, read our Contributing guide. Visit the Issues tab to request an issue or to open a new issue. You can also convert a "draft todo" to an issue on the MVP Tasks Project Board.

Next Level

  • OAuth will check to see if they are in the 100devs guild(server)
  • users can add or delete events (two-step delete process for confirmation)
  • (can have an event log tied to the user name)

Next next-level stuff

  • users rsvp events, and a total is displayed
  • discord bot that will message users for events they are rsvp'd in?
  • events can have channels tagged that match the server channel emojis' daily view. Clicking on the day can bring up a day planner view, just like the google calendar
  • users can add an event to their calendar through a click
  • users can filter events based on pre-determined tags (beginner-friendly, networking, group learning)
  • users can share events on Twitter
  • new event notification dots(easy mode might be to just highlight new events on each reload)

The Penultimate Goal

  • Discord guilds can create their own together calendar

thinking ahead,

keep these in mind to prevent the project from being "caged." can integrate with slack or Discord and work on other servers besides 100devs

Resources: https://codepen.io/robstinson/pen/BaKOZry

Things to add

  • Create a .env file in the config folder and add the following as key = value.
    • PORT = 2121 (Do not change)
    • DB_STRING = your database URI
    • CLOUD_NAME = your Cloudinary cloud name
    • API_KEY = your Cloudinary API key
    • API_SECRET = your Cloudinary API secret
    • DISCORD_CLIENT_ID = discord client ID
    • DISCORD_CLIENT_SECRET = discord client secret
    • OAUTH_REDIRECT_URL = http://localhost:3000/

Install & Run

  • ensure .env file is located in server/config file.
  • npm install in the root folder. installs the required dependencies.
  • npm run build compiles the build folder. Lint must have no errors for build file command to complete.
  • npm run dev-concurrent in the root folder.

If you make changes to the front end you must execute npm run build otherwise the backend will serve the outdated build file.

Still having troubles?

You can join the discussion in the together discord channel here. You must be a part of the 100Devs discord to view the discussion.