Here’s a concise coding assignment brief you can share with MEAN stack candidates.
It includes all your requirements, with a clear scope and deliverables.
MEAN Stack Coding Assignment – 24-Hour Challenge
Objective
Create a small MEAN stack application (without DB connection) that simulates a basic
login flow and displays & edits data fetched from an external REST API.
Requirements
1. Login Page
• Simple form with Username and Password (use hardcoded values for
validation).
• On successful login, navigate to the Report Screen.
• Show error on invalid credentials.
2. Report Screen
• Fetch and display all objects from the public API:
https://restful-api.dev/
• Use Angular to make HTTP GET requests.
• Display data in a clean table format with proper CSS styling
(Bootstrap/Tailwind/custom).
3. Edit Feature
• Add an Edit button for each item.
• On clicking edit, allow inline editing or open a modal form to edit object
details.
• Use PUT request to update data on the same API.
• Show success/error messages on update.
4. Authentication Handling
• Prevent access to the Report Screen without login.
• Basic routing/auth guard logic in Angular.
5. Tech Stack
• Frontend: Angular (latest stable version), HTML, SCSS/CSS
• Backend: Node.js + Express (basic setup for serving frontend if needed)
• No Database is required.
Deliverables
• Code should be committed to a public GitHub repo.
• Share the GitHub repository link in your reply.
Timeline
• Submit within the next 24 hours from the time you receive this assignment.
Evaluation Criteria
• Code structure and readability
• Use of Angular features (services, routing, components, guards)
• Styling and UI/UX
• API Integration and update logic
• Git commit history and documentation (README)
Would you like me to create a GitHub README.md template for this assignment too?