https://github.com/shouvick21/scheduler

Scheduler App is a web-based application designed to schedule meetings with clients worldwide. It includes a common landing page, admin dashboard, and user (or client) dashboard. Admins can set their availability, and users can book, view, and manage their slots, including deleting bookings.
https://github.com/shouvick21/scheduler

css html javascript

Last synced: 4 days ago
JSON representation

Scheduler App is a web-based application designed to schedule meetings with clients worldwide. It includes a common landing page, admin dashboard, and user (or client) dashboard. Admins can set their availability, and users can book, view, and manage their slots, including deleting bookings.

• Host: GitHub
• URL: https://github.com/shouvick21/scheduler
• Owner: Shouvick21
• Created: 2024-07-28T07:39:20.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2024-07-28T07:40:35.000Z (4 months ago)
• Last Synced: 2024-07-28T08:35:33.801Z (4 months ago)
• Topics: css, html, javascript
• Language: HTML
• Homepage: https://scheduler-sable.vercel.app
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Scheduler App

1.Scheduler App is a web-based application designed to schedule meetings with clients across the globe. It features a common landing page, admin dashboard, and user (or client) dashboard. Admins can set their availability, which is then visible to users for booking. Users can view and manage their booked slots, including the option to delete bookings.

2.**Set up a local server:**

You can use any local server like http-server or live-server.

3.**Install dependencies:**

If you are using any package manager, install the required packages.

4.**Google API Setup:**

Set up Google Calendar API and Google OAuth as per the instructions on the Google Developer Console.

Obtain the API keys and client IDs.

5.**Configure the application:**

Replace the placeholder API keys and client IDs in your JavaScript code with the actual keys obtained from Google.

6.**Deployed JSON Server:**

-The JSON server is deployed and can be accessed at JSON Server URL.

Make sure to update the placeholder URL (`your-json-server-url`) with the actual URL where your JSON server is deployed. Additionally, ensure your screenshots are placed in the `screenshots` directory and the paths in the README match the filenames.

-***USAGE***

- **Landing Page**: Common landing page for both admin and users.

- ![Landing Page](https://github.com/user-attachments/assets/b2a0310a-d85b-420f-b43e-1e4750accc44)

- **Admin Dashboard**: Admins can set their availability for meetings.

- ![Admin DashBoard](https://github.com/user-attachments/assets/ac6a105d-5dfc-4186-ad08-8470e2320f0f)

- **Admin Login**:Where Admin will login with Google

- ![Admin Login](https://github.com/user-attachments/assets/897a5d47-858a-4575-bd62-88ea6e8a1c84)

- **User Dashboard**: Users can view available slots and book meetings accordingly.

- ![User DashBoard](https://github.com/user-attachments/assets/4e2294e2-60b2-49ef-8e08-a969e3f043a4)

- **Booking Management**: Users can view their total booked slots and delete bookings if needed.

- ![Booked Slots](https://github.com/user-attachments/assets/92fe47f1-0f53-4c7b-8c36-1cf8d1a67cff)

- **Google Calendar Integration**: Seamlessly integrates with Google Calendar to manage meetings.

- **Google Authentication**: Secure authentication for admins using Google OAuth.

## Technologies Used

- HTML

- CSS

- JavaScript

- Google Calendar API

- Google Authentication (OAuth)

## Setup and Installation

1. **Clone the repository:**

   ```bash

   git clone [https://github.com/yourusername/scheduler-app.git](https://github.com/Arpan-creator/Equality-Experts_024.git)

   cd scheduler-app

Set up a local server:

You can use any local server like http-server or live-server.

2. **Install dependencies:**

If you are using any package manager, install the required packages.

3 **Google API Setup:**

Set up Google Calendar API and Google OAuth as per the instructions on the Google Developer Console.

Obtain the API keys and client IDs.

4. **Configure the application:**

Replace the placeholder API keys and client IDs in your JavaScript code with the actual keys obtained from Google.

Set up a local server:

You can use any local server like http-server or live-server.

5. **Install dependencies:**

If you are using any package manager, install the required packages.

6. **Google API Setup:**

Set up Google Calendar API and Google OAuth as per the instructions on the Google Developer Console.

Obtain the API keys and client IDs.

7. **Configure the application:**

Replace the placeholder API keys and client IDs in your JavaScript code with the actual keys obtained from Google.

Usage

8. **Landing Page:**

Navigate to the landing page where both admin and users can log in.

9. **Admin Dashboard:**

Admins can log in using Google Authentication.

Set availability for meetings which will be visible to users.

10. **User Dashboard:**

Users can view the available slots set by the admin.

Book meetings by selecting the desired time slots.

View and manage booked slots, including the option to delete bookings.

Google Calendar Integration

This app uses Google Calendar API for scheduling and managing meetings. To integrate with Google Calendar:

Go to the Google Developer Console.

Create a new project or select an existing project.

Enable the Google Calendar API.

Set up OAuth 2.0 credentials.

Use the obtained API keys and client IDs in your application.

Contributing

We welcome contributions from the community! Please follow these steps to contribute: