Project Overview
The application dynamically fetches user data from external APIs and provides interactive elements like dropdown menus, modals, and tables to enhance user experience. JavaScript and jQuery are utilized for DOM manipulation, real-time updates, and user interactions. Additionally, the application incorporates Bootstrap Toasts for real-time alerts, ensuring that key events, such as late returns, are promptly communicated to the user.
This web-based dashboard application is designed for managing reception staff and delivery schedules. It features a responsive interface built with HTML, CSS, and Bootstrap, offering a range of functionalities, including tracking staff availability, scheduling deliveries, and generating real-time notifications for late staff or delivery drivers.
Feel free to view the entire project on my GitHub: https://github.com/Chawastic/WeDeliverTECH
Tech Stack
Frontend: HTML, CSS, BootstrapJavaScript
Libraries: jQuery, Flatpickr, Moment.js
APIs: RandomUser API for user dataUI
Components: Bootstrap Icons, Bootstrap ToastsNotifications: Bootstrap Toasts for real-time alertsDevelopment
Tools: Live Server, jQuery for DOM manipulation
Styling: Custom CSS for layout and design
Time Management: JavaScript-based digital clock and Flatpickr for time inputs