TaskFlow - MERN Stack Task Management Application

Project Overview

This project is an implementation of the TaskFlow test, a MERN stack task management application with authentication, task management, filtering, and administrative features.

Technologies Used

• Frontend: React, React Router, TailwindCSS
• Backend: Node.js, Express
• Database: MongoDB
• Authentication: JWT-based authentication
• State Management: React Context API and localStorage

Prerequisites

• Node.js v20.14.0
• NPM v10.7.0
• MongoDB

Test Problems

1. Complete the tasks:

△ Task 1 - Display Login/Register page before the landing page

• Users are should to login first to access the full list of tabs.
• When they're logged out, only Dashboard panel should to be displayed.

△ Task 2 - Task Filter

• Allow users to filter tasks based on their completion status (e.g., show only completed or incomplete tasks).
• Optional: Add a search feature to filter tasks by title.

△ Task 3 - Add User Log page on the Admin page

• Display the user logs(login time, logout time, JWT token name, user name, role, ip address)
• The user logs could be deleted by admin action - DELETE

2. Commit Your Changes:

• Make sure you commit your changes regularly:

  git add .
  git commit -m "Task1 completed!"
  git push origin main

3. Submit Your Repository Link:

• Once you’ve completed the tasks, send the result to https://forms.gle/1E2z5713vGV9vhr4A.
• Please make sure that your repository is public or share access if it's private.

4. Deadline: 1 ~ 2 hours