PlaiIt

PlanIt is a web application that allows two individuals to schedule a meeting based on their busy work schedules. The application takes into account the working hours and pre-planned meetings of both individuals and suggests available time slots for the meeting.

Features

• User-friendly interface with dropdown components for easy input of time values
• Customizable time range limitations based on the bounds of both users' working hours
• Ability to add and save pre-planned meetings for each user
• Automatic generation of available meeting time slots
• Clean and intuitive design with a dominant white color scheme and an accent color of #2563EB

Installation

1. Clone the repository:

• git clone https://github.com/your-username/meeting-scheduler.git

2. Navigate to the project directory:

• cd meeting-scheduler

3. Install the dependencies:

• npm install

4. Start the development server:

• npm start

5. Open your web browser and visit http://localhost:5173 to access the application.

Usage

1. Enter the duration of the meeting in minutes.

2. Provide the working hour bounds for each person using the dropdown menus.

3. Add any pre-planned meetings by clicking the "+" button and selecting the appropriate time range.

4. Click the "Generate" button to view the available time slots for the meeting.

5. The generated time slots will be displayed below the button.

Technologies Used

• React: JavaScript library for building user interfaces
• Material-UI: UI component library for React
• Tailwind CSS: Utility-first CSS framework
• JavaScript: Programming language for web development
• Vite: Fast and efficient development build tool, used to enhance the performance of the project.

Contributing

Contributions to the Meeting Scheduler project are welcome! If you have any ideas, improvements, or bug fixes, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgements

• This project was inspired by the need for an efficient meeting scheduling tool.
• Special thanks to the creators and maintainers of React, Material-UI, and Tailwind CSS for their amazing tools and frameworks.