Published September 2022
Protectly is a full stack web application that allows users to limit their Calendly meetings to only emails on our database. Combining an easy to use modern flow with a robust and reliable back end database, we secure users Calendly links.
Important Note: While Protectly is free to use, a paid Calendly Account is required on the Professional Tier to use this service. Please visit Calendly's Pricing Page for more information.
Presentation: https://youtu.be/w5yQl5bMSeU
Blog Post: https://dev.to/ocampb/capstone-project-275a
Protectly is deployed and ready to work for you, so all you need is this link.
If you would like to run the code locally you can use the following steps below.
- Clone the repository
cp .env.example .env
- Update your
.env
file to include your Calendly oauth credentials npm install
npm run dev
- Visit http://localhost:3000
Protectly utilizes a front-end library consisting of React and Redux, styled with CSS, SCSS, and MUI and a backend Node.js/Express/Sequelize server and database.
Users connect their Calendly account to create a webhook that will fire every time a meeting is scheduled using their link. Users will then add as many emails to their Protectly account that are approved to schedule meetings.
Each time a meeting is scheduled Calendly will check our database, if the invitee is not in the Users list, Calendly will automatically cancel the meeting. Users can also customize their cancel message that is tied to the Calendly cancellation email sent to the invitee and them.
Here are some of the website's features in greater detail:
- A modern and simple design that utilizes MUI framework.
- Users can add emails along with the name associated with the email as well as notes to remind them of that user.
- Users can delete emails from their list if that email should no longer be allowed
- Users can also customize their message that is sent on their behalf by Calendly's webhook to Protectly
The color palette was designed to have a modern black and white feel to it. Being in a corporate setting, we wanted this site to fit into any environment without issue.
Black: #221f1f
Slategray: #857e90
Gray: #e2e0e0
Whitesmoke: #f3f5f7
White: #fff
Hovercolor: #3b3b3b
This website is the final capstone project of our DigitalCrafts Full Stack Boot Camp. Protectly is intended to demonstrate a clear understanding of using React.js and Redux as front-end libraries, as well as a Node.js backend. This site is ready to use in real world applications and we as a group plan to bring this to users who can benefit from this software.
Our future plans for Protectly:
- Dark Mode
- Ability to sort the approved list
- Ability to search the approved list
- Set timers on the approved list so they are automatically removed after a set time frame
- Having different lists for different links associated with the user rather than for all links under the account
- Being able to set up team environments similar to Calendly's systems