Scribd
Upload
108 views2 pages

Full Stack-MERN

The document outlines the requirements for developing a basic task management application using the MERN stack. Key components include a TaskList, TaskForm, and TaskItem, with a focus on using React for the frontend and Node.js with Express for the backend. Bonus features such as error handling, user authentication, and responsive design are also suggested, along with submission instructions for GitHub and optional deployment for extra credits.

Uploaded by

karanraul10
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
108 views2 pages

Full Stack-MERN

The document outlines the requirements for developing a basic task management application using the MERN stack. Key components include a TaskList, TaskForm, and TaskItem, with a focus on using React for the frontend and Node.js with Express for the backend. Bonus features such as error handling, user authentication, and responsive design are also suggested, along with submission instructions for GitHub and optional deployment for extra credits.

Uploaded by

karanraul10
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

Task Management App: Full-Stack Assignment

Objective

Develop a basic task management application using the MERN stack (MongoDB, Express,
React, and Node.js).

Requirements

The application must include the following components:

1. TaskList: Displays all tasks.


2. TaskForm: Allows adding new tasks.
3. TaskItem: Shows details of an individual task, with options to update its status or delete
it.

Technology Stack:

● Frontend: React (part of MERN) for building the user interface.


● Backend: Node.js with Express for the server, and MongoDB for data storage.

Styling:

● Use basic CSS for styling (Bootstrap or similar frameworks can be used).

React Features:

● Use React Hooks for state management and handling side effects.

Bonus Features

1. Add basic error handling and show loading indicators.


2. Implement client-side form validation.
3. Include sorting or filtering options for tasks.
4. Add user authentication (e.g., login and registration).
5. Include a file upload feature within tasks.
6. Ensure the application is fully responsive.
7. Display notifications (e.g., "Task added successfully").
8. Add a confirmation dialog before deleting tasks.
9. Enhance UI design for a more polished look.
Submission Instructions

1. Upload to GitHub:
○ Push your complete project code to a GitHub repository.
○ Submit the repository link here for review.
2. Optional Deployment (Extra Credits):
○ Deploy your project to a hosting platform (e.g., Vercel, Netlify, or Render).
○ Share the live URL if deployed.
3. Documentation:
○ Ensure your repository includes a well-documented README file with:
■ Setup instructions for running the project.
■ Test credentials for authentication (if implemented).

You might also like