Scribd
Upload
4 views1 page

User Management Dashboard Assignment

The assignment is for a Junior/Trainee Full-Stack Developer to create a Mini Web Application focused on User Management using HTML5, CSS3, Bootstrap 5, and basic JavaScript. The application should feature a dashboard for viewing, adding, and deleting users, with specific layout and modal requirements. Submissions are due by January 21, 2026, and must be shared via GitHub and Slack, with evaluation based on UI, responsiveness, Bootstrap usage, JavaScript logic, and code readability.

Uploaded by

Samia Hussain
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views1 page

User Management Dashboard Assignment

The assignment is for a Junior/Trainee Full-Stack Developer to create a Mini Web Application focused on User Management using HTML5, CSS3, Bootstrap 5, and basic JavaScript. The application should feature a dashboard for viewing, adding, and deleting users, with specific layout and modal requirements. Submissions are due by January 21, 2026, and must be shared via GitHub and Slack, with evaluation based on UI, responsiveness, Bootstrap usage, JavaScript logic, and code readability.

Uploaded by

Samia Hussain
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Front-End Development Assignment

Role: Junior / Trainee Full-Stack Developer


Tech Stack: HTML5, CSS3, Bootstrap 5, JavaScript (Basics to Objects)
Submission Platform: Slack and GitHub
Submission Deadline: 21 January 2026

Assignment Title
Mini Web Application – User Management Dashboard

Objective
The purpose of this assignment is to evaluate your understanding of core front-end development
concepts using HTML, CSS, Bootstrap, and JavaScript, based on topics covered from W3Schools.

Application Idea
User Management Dashboard – A front-end only dashboard to view, add, and delete users
dynamically using JavaScript.

Layout Requirements
- Navbar with application title and dummy menu
- Sidebar with Dashboard, Users, Settings and toggle functionality
- Main content area with user table and Add User button
- Footer with copyright and developer name

Modal Requirement
Use a Bootstrap modal to add users with Name, Email, and Role fields. Validate inputs using
JavaScript and update the table dynamically.

JavaScript Requirements
Use only JavaScript concepts up to Objects including variables, functions, events, arrays, objects,
loops, conditions, and DOM manipulation.

Styling Guidelines
Use Bootstrap 5 for layout and responsiveness. Custom CSS should be minimal and clean.

Submission Instructions
- Push project to a public GitHub repository
- Share repository link on Slack

Evaluation Criteria
- UI and responsiveness
- Bootstrap usage
- JavaScript logic
- Code readability

Assigned by
Usama Asslam

You might also like