KunalMehra075 / MyCal.com-Frontend

This is the Frontend Repository of MyCal.com

Home Page:https://mycal-704.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MyCal.com-Frontend

Introducing MyCal.com (Clone of Calendly.com)

MyCalgt

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
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
GET      /events/allevents        -> Getting All the Events,
POST     /events/newevent         -> Create a new Event,
DELETE   /events/delete/:id       -> Delete an Event,
PATCH    /events/update/:id       -> Update an Event,

Workflows Routes
GET      /workflows               -> Getting All Workflows
POST     /workflows/create        -> Add a Workflow/Reminder

Google Routes
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 :-

Mycalhomepage

My calHome Page 2 Home page 3

πŸ”΅ Product Page :-

Product page

πŸ”΅ Login/Signup Page :-

signup login

πŸ”΅ Google Auth:-

Googleauth

πŸ”΅ User Dashboard :-

Dashboard

πŸ”΅ Calendar Page :-

  • Month View calendar2
  • Week View calendarweekview

πŸ”΅ Create Events Page :-

addeventone addevent2

πŸ”΅ Create Workflows Page :-

Workflows

workfflow

Thankyou for your Time πŸ™Œ πŸ’ :-

About

This is the Frontend Repository of MyCal.com

https://mycal-704.netlify.app/


Languages

Language:HTML 58.9%Language:CSS 27.8%Language:JavaScript 13.3%