Mobile Dashboard - Copy this React, Tailwind Component to your project
Create a mobile dashboard app for parents with a header displaying the app name in Arabic and a notification icon. Below the header, include a profile card showing the parent's name, branch, and assigned teacher. The dashboard will have sections for Messages, Surveys, Events, Weekly Reports, Announcements, Appointments, Leaves, Payments, and Attendance, each represented by a unique icon. At the bottom, include a wide card for recent activities (e.g., meals) and a 'See All Activities' button, along with a tab bar for Dashboard, Weekly Reports, a Plus button, Messages, and Settings. Feature: When a teacher logs in, the Plus button allows them to send forms for announcements, payment requests, attendance marking, etc., with each action reflected in the relevant section. Messages: A recipient list is displayed. Selecting a recipient opens a chat with a text input, send button, voice message option, and attachment button. The Plus icon opens a form for sending messages with recipient selection and message input. Surveys: Shows a list of surveys. Selecting a survey displays details and a form for submitting responses. Teachers can create surveys using a form accessed via the Plus icon. Events: Displays a list/calendar of events. Clicking an event shows details like time, date, and RSVP options. Teachers can create events with a form from the Plus icon. Announcements: Lists announcements with an option for teachers to create new ones via the Plus icon, leading to a form for announcement details. Activities: Parents can view their child’s activity log (meals, naps, etc.). Teachers can log new activities using a form accessed via the Plus icon. Appointments: Shows scheduled appointments. Teachers can create new ones via the Plus icon with a form for date, time, and participants. Leaves: Parents can view and request leaves. Teachers can approve/deny requests and submit new ones using a form from the Plus icon. Payments: Displays payment history and fees. Teachers can request payments using a form accessed via the Plus icon. Attendance: Parents track attendance. Teachers can mark attendance using a form via the Plus button. Each section includes a back button to return to the dashboard, and forms allow for recipient selection where applicabl
