A web app that helps you quickly make slides for your next presentation and get live comments as you're presenting. It converts .md files into slides instantly! It also supports presenting live with the ability to share the slides you're presenting with your audience. Your audience will be able to share with you their feedback and comments as you're presenting.

As a presenter:

• I want to be able to create an account.
• I want to be able to upload md files and get them as slides.
• I want to be able to upload as many md files as possible.
• I want to be able to mark presentations as live/not live.
• I want to be able to mark presentations as Public/Private.
• I want to be able to create a shortened share link to the slides.
• I want to be able to copy the share link when clicking on the share icon.
• I want to be able to receive notifications when a viewer comments on my slides.
• I want to be able to view all of the comments on my slides.

As a viewer:

• I want to be able to access slides through a link.
• I want to be able to comment on slides as the presentation is going.
• I want to be able to swipe between slides using the left/right arrow keys.

• Separate the content of slides by adding ---
• Leave one space after the end of the content of one slide.

• Clone this repo.

• Run npm run init.

• Configure your environment variables by adding:

  • DATABASE_URL: database link.
  • PORT
  • CLOUD_NAME: your cloud name on Cloudinary.
  • CLOUDINARY_API_KEY
  • CLOUDINARY_API_SECRET
  • REBRANDLY_API_KEY: Rebrandly is a service for link shortening.
  • ORIGIN: frontend link.

• Run npm run seed-db for seeding.

• Start the server by running npm run dev and the client by running cd client && npm run start.

view full design

• ReactJs
• Nodejs
• Express
• MongoDB
• Typescript
• Tailwind
• Cloudinary
• JWT
• Rebrandly
• Husky
• MarkDown-It
• React Hook Form
• Socket.io

• Ahmed Safi

• Fadi H. Zaqout
• Zayan Al-araishy
• Nada S. Ayesh