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.