Scribd
Upload
5 views2 pages

Mean Stack Coding Interview Assignment

The MEAN Stack Coding Assignment requires candidates to create a small application simulating a login flow and displaying data from an external REST API without a database connection. Key requirements include a login page, a report screen to fetch and display data, an edit feature for inline editing, and basic authentication handling. Deliverables include committing code to a public GitHub repository within 24 hours, with evaluation based on code structure, Angular features, UI/UX, API integration, and documentation.

Uploaded by

iskcon.sanjivani
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
5 views2 pages

Mean Stack Coding Interview Assignment

The MEAN Stack Coding Assignment requires candidates to create a small application simulating a login flow and displaying data from an external REST API without a database connection. Key requirements include a login page, a report screen to fetch and display data, an edit feature for inline editing, and basic authentication handling. Deliverables include committing code to a public GitHub repository within 24 hours, with evaluation based on code structure, Angular features, UI/UX, API integration, and documentation.

Uploaded by

iskcon.sanjivani
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
You are on page 1/ 2

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?

You might also like