Implement Availability Calendar App

[shreya-mishra]

Issue Description

To develop an Availability Calendar App to help users coordinate and schedule meetings or events efficiently.

Design Doc

Design Doc

Expected Behavior

Features to Implement:

Favorited Set:

1. Users can create and manage sets of people.
2. Each set represents a collection of individuals and is unordered.

Text Box:

1. Allows users to add new sets of people.
2. Clicking on "Add" will add the set to the Favorited list.

Calendar View:

1. Displays the availability of the Favorited set of people over the next 24 hours.
2. Initially shows the current time, with future dates visible during scrolling.
3. Each column represents a specific hour, and scrolling horizontally reveals future hours.

Calendar Details:

Timezone Display:

1. Shows time in the user's timezone for easy reference.

URL for Set of People:

1. Each set of people is represented by a URL.

Hourly Availability:

1. Users can view the availability of each person within the selected set for each hour.

Home Screen Search:

1. Users can search for specific sets of people on the home screen.

Design Considerations:

1. Responsive Design: The application should be accessible and usable on various devices.
2. User-Friendly Interface: Intuitive controls and clear visual representation of availability.
3. Data Storage: Sets of people and their availability data should be stored securely.
4. Real-Time Updates: Implement real-time updates for dynamic changes in availability.

Acceptance Criteria:

1. The app should display favorited sets on the main screen.
2. Users should be able to add new sets using the hidden text box which will be visible after clicking on Add button
3. Calendar view should accurately display availability over the next 24 hours.
4. The search feature should return relevant sets on the home screen.

Screenshots

[If applicable, add screenshots or images that help illustrate the issue. You can use the following Markdown syntax to embed images:]

Environment

• Operating System: [e.g., Windows, macOS, Linux]
• Browser (if applicable): [e.g., Chrome, Firefox, Safari]
• Version of Software/Project: [e.g., v1.0.0]

Additional Information

[Include any additional context, logs, or details that might be helpful in addressing the issue.]

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.

---

Thank you for contributing to our project! We appreciate your help in improving it.

📚 See contributing instructions.