This project involves a web application developed to effectively manage shift schedules and intra-departmental communication for assistants in the pediatric department of a medical faculty.
The application offers a wide range of features, including managing the shifts of 15 pediatric assistants, facilitating communication with faculty members, emergency notifications, and a quiz module aimed at improving assistant knowledge levels. Built using HTML, CSS (Bootstrap and Flexbox), and JavaScript, the application features a fully responsive design. Data storage is handled via the browser's localStorage, ensuring a user-friendly experience across all modules.
One of the core features is organizing the shifts of pediatric assistants.
-
Dynamic Schedule Creation: Shift details such as day, department, and hours are entered via the user panel, automatically generating a schedule.
-
Schedule Visualization: The generated schedule is displayed on the homepage as a visual table.
-
Persistent Data Storage: The schedule structure is stored in the browser's localStorage, ensuring it remains accessible.
-
Responsive Design: The layout is optimized for all devices.
Assistant information is dynamically presented to users.
-
Listing: Assistants’ names and department details are displayed in tables.
-
Pop-up Details: Clicking on an assistant reveals detailed information (phone, email, address) in a modal window.
-
User Experience: Easy access to assistant information facilitates responsibilities for faculty members.
Faculty member details are managed according to their roles in the shift schedule.
-
Listing: Names and specializations of faculty members are displayed in tables.
-
Dynamic Pop-up Windows: Clicking on a faculty member displays their contact details in a modal window.
This page provides detailed information about the pediatric department.
-
Department Information: Details like patient count and available beds are displayed dynamically.
-
Pop-up Features: Clicking displays department details in modal windows.
Announcements are designed to provide users with quick access to important news.
-
Slider Structure: A custom slider dynamically displays hospital news.
-
Our Achievements Section: Achievements of assistants and faculty members are presented in a modern design.
Emergency notifications are organized to enhance coordinated communication.
-
Task Manager Format: Users can add, edit, or delete emergency events.
-
Modal Details: Clicking on an event displays detailed information in a modal window.
-
Data Storage: All emergency data is securely stored in localStorage.
The quiz is designed to assess and improve the knowledge of assistants.
-
Multiple-Choice Questions: The module includes COVID-19-related multiple-choice questions for assistants.
-
Result Evaluation: Upon completion, feedback on correct and incorrect answers is provided.
The homepage serves as a control panel for accessing all application sections.
-
Shift Announcements: Shift details are presented visually on the homepage.
-
Navigation Ease: Users can quickly access other pages using "Previous" and "Next" buttons.
-
HTML and CSS:
- The application structure is built with HTML, and design details are styled using CSS.
- Responsive design is achieved using Flexbox and Bootstrap.
-
JavaScript:
- Dynamic content creation, user interaction management, and data storage in localStorage are handled with JavaScript.
-
localStorage:
- All data is stored in JSON format in the browser’s memory, preventing data loss.
-
Slider and Modal Structures:
- Announcements and pop-up details are presented in a user-friendly manner with sliders and modals.
Note:
- Visual content was generated using Leonardo.ai.
- Quiz and other announcement content were created using ChatGPT-4, ensuring scientific accuracy and clarity. This tool effectively contributed to creating user-friendly and well-structured content for the application.