0% found this document useful (0 votes)
4 views1 page

Web Developer Interview Task

The task is to build a small Contact Management Web App using the MERN stack within one hour. Key requirements include creating a contact form with validation, implementing a backend API for storing and fetching contacts, and displaying the contacts in a responsive layout. Optional features include contact deletion, success messages, and reusable components for bonus points.

Uploaded by

sagarikajena163
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
0% found this document useful (0 votes)
4 views1 page

Web Developer Interview Task

The task is to build a small Contact Management Web App using the MERN stack within one hour. Key requirements include creating a contact form with validation, implementing a backend API for storing and fetching contacts, and displaying the contacts in a responsive layout. Optional features include contact deletion, success messages, and reusable components for bonus points.

Uploaded by

sagarikajena163
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

Web Developer Interview Task (1 Hour)

Objective
Build a small Contact Management Web App demonstrating MERN stack fundamentals.

Preferred Tech Stack


Frontend: [Link]
Backend: [Link] + [Link]
Database: MongoDB (preferred)
Styling: CSS / Tailwind / Bootstrap
State Management: useState

Task Requirements
1. Contact Form
Fields: Name (required), Email (valid), Phone (required), Message (optional)
Client-side validation with error messages.

2. Backend API
Create a POST API to store contact data.
Create a GET API to fetch stored contacts.

3. Database
Use MongoDB to store contacts (schema design included).

4. Display Contacts
Show submitted contacts in a list/table without page reload.

5. UI & UX
Responsive layout, clean design, submit button disabled if invalid.

Bonus (Optional)
Delete contact, success message, reusable components, basic sorting.

Evaluation Criteria
MERN understanding, API structure, database usage, code quality, UI.

Time Limit
60 minutes

Instructions
Google allowed. Focus on working functionality over polish.

You might also like