Planwise : Schedule Manager

[yogeshtakeo]

Task: Schedule Manager Application

Objective: Develop a schedule manager application that allows users to add, view, edit, and delete tasks/events on a calendar or list view.

Requirements:

1. UI Layout (HTML/CSS):

   • Create a clean, organized UI with two primary sections:
     • A task input form for adding and editing tasks.
     • A schedule view displaying tasks in a list or calendar format.
   • Include buttons for adding, editing, and deleting tasks.

2. Task Functionality (React):

   • Structure the app with React components:
     • Main App Component – manages the overall schedule state.
     • Form Component – allows users to input task details (task name, date, time, description).
     • Task List Component – displays each task with options to edit or delete.
   • Use React state to keep track of:
     • The list of tasks.
     • The current task being edited (if any).

3. Event Handling (Event Listeners):

   • Use event listeners to:
     • Capture form inputs for new tasks.
     • Handle edit and delete actions for tasks.
     • Display the selected task’s information in the form when editing.

4. Form Validation:

   • Ensure task details are filled in correctly before submission (e.g., prevent empty names and dates).
   • Highlight required fields if validation fails.

5. Bonus (Optional):

   • Add search functionality to filter tasks by name or date.
   • Allow tasks to be marked as "completed" and update their display accordingly.

Deliverables:

• A GitHub repository link to the project.
• A README.md file with instructions on setup and a brief explanation of app features.

Evaluation Criteria:

• Completeness and usability of the application.
• Proper structuring of React components.
• Use of state management and event handling.
• Clear and intuitive user interface.

Estimated Time: ~1 week

[Oshinacharya1]