MyCal.com

Introducing MyCal.com (Clone of Calendly.com)

• Deployed WebSite Link = https://mycal-1.netlify.app/
• Deployed Backend URL = https://mycal-ym4l.onrender.com

What is MyCal.com??

MyCal is your scheduling automation platform for eliminating the back-and-forth emails for finding the perfect time — and so much more. It is a tool for scheduling appointments and events. It eliminates the usual back-and-forth emails and messages involved in nailing down time. MyCal enables a smooth workflow by automating tasks such as appointment booking and rescheduling, and sending reminders and thank you notes to prospective and existing clients and team members. You can share your availability preferences and meeting location in one click.

This website is fully functional website with all CRUD operations by user . They need to go through User Authentication middleware, to perform any interactions

---

Features :-

• Interactive UI/UX for best customer experiene.
• Google Auth Login and Signup
• User can create events and mark them in calendar.
• Add workflows,get reminders and other Emailing features
• Transitions & Animations

---

Tech Stack Used: -

Frontend

HTML	CSS	JavaScript	BootStrap	Full Calendar.js

Backend : -

Node.js	Express.js	MongoDB	Passport

---

Routes :-

• Users Routes

METHOD	ENDPOINT	WHAT IT DOES
GET	/users	-> Getting All the Users,
POST	/users/register	-> Register New User (Requires user details in req.body)
POST	/users/login	-> Login existing user (Requires email and passwords, returns token if login success)

• Events Routes

METHOD	ENDPOINT	WHAT IT DOES
GET	/events/allevents	-> Getting All the Events of the User (From user-email)
POST	/events/newevent	-> Create a new Event (Sends Email on successfull creation of event)
DELETE	/events/delete/:id	-> Delete an Event
PATCH	/events/update/:id	-> Update an Event

• Workflows Routes

METHOD	ENDPOINT	WHAT IT DOES
GET	/workflows	-> Getting All Workflows of the user, by user email,
POST	/workflows/create	-> Add a Workflow/Reminder (Sends email on successfull creation of workflow)

• Google Routes

METHOD	ENDPOINT	WHAT IT DOES
GET	/google	-> Initiating Google Auth
GET	/google/callback	-> Redirect URI
GET	/google/login	-> Getting User Data after Google Authentication
GET	/google/logout	-> Logging out from the session

🔷: Here are some screenshots of website :-

🔵 Home Page :-

🔵 Product Page :-

🔵 Login/Signup Page :-

🔵 Oauth Success Pages:-

🔵 User Dashboard :-

🔵 Calendar Page :-

• Month View
• Week View

🔵 Create Events Page :-

🔵 Create Workflows Page :-

---

Team Members of the Project :-

• Jay Shukla
• Kunal Mehra
• Sitansu Mandal
• Mohima Bahadur
• Punit Juneja

---

Thankyou for your Time 🙌 💝 :-