Module 1 of the Master of BIM Developer from ThatOpenCompany
This webpage offers a simple interface for managing and viewing projects and users, with the following features:
Users can add new projects through a dialog form that collects details such as project name, description, role, status, and finish date. Projects are displayed in a card format, showing essential project details like name, description, status, role, cost, and progress. A "New Project" button allows users to quickly add new projects.
Users can view a table of users displaying user information such as name, email, role, and status. The design includes clickable rows for each user in the table, and users can be edited or updated.
Material Design Icons: Integrated with Google's Material Icons to provide a clean and modern look for labels and buttons. Responsive Layout: The design adapts to different screen sizes and resolutions. Modal Dialogs: Provides dialog pop-ups for adding new projects and editing users, improving user interaction. Technologies: HTML5 and CSS3: Used to build the structure and style of the webpage. JavaScript and React (implemented in the next module): Used to dynamically manage user and project data, including form submissions and updates.
This activity is part of the Module 1 of the BIM Master Development course from That Open Company: https://thatopen.com/