Yours List

Yours List is a MERN Stack web application designed to manage and track daily tasks. This multi-user application allows users to create, manage, and organize their tasks efficiently. It supports CRUD (Create, Read, Update, Delete) operations and offers different access levels for normal users and administrators.

Features

• User Roles:

  • Normal Users: Create, edit, and delete Todo categories and tasks.
  • Admin Users: Monitor and manage user activity, including details like IP address, session ID, login time, and logout time.

• Todo Categories: Organize tasks under different categories (e.g., Gym with sub-tasks like Biceps, Triceps).

• CRUD Operations: Full support for creating, reading, updating, and deleting tasks.

Technologies Used

• Frontend: React.js
• Backend: Node.js with Express.js
• Database: MongoDB
• Authentication: JSON Web Tokens (JWT) for user authentication

Installation

To get started with Yours List, follow these steps:

1. Clone the Repository:

   git clone https://github.com/MohdSaif-1807/Yours-List.git
   cd Yours-List
   

2. Install Dependencies:

   Navigate to the server and client directories and install the necessary dependencies:

   cd backend
   npm install
   cd ../frontend
   npm install
   

3. Start the Application:

   Start the server and client applications:

   # In the backend directory
   npm start
   
   # In the frontend directory
   npm start
   

   The backend should now be running on specified port number in .env eg: for PORT=5000 http://localhost:5000 and the frontend on http://localhost:3000.

Usage

1. Normal Users:

   • Sign up and log in to access the Todo dashboard.
   • Create new Todo categories and tasks.
   • Edit and delete tasks as needed.

2. Admin Users:

   • Access the admin dashboard to monitor user activities.
   • View user details such as IP addresses, session IDs, login times, and logout times.

UI Images

1. Registration page:

2. Login page:

3. Your-List(Normal user) homepage:

4. Category creation (Normal user):

5. Category created (Normal user):

6. Creation of Todo Item (Normal user):

7. Added Todo Item Successfully (Normal user):

8. Editing a Todo Item (Normal user):

9. Todo item edited successfully (Normal user):

10. Deleting todo item (Normal user):

11. Todo item deleted successfully (Normal user):

12. Admin dashboard (Admin)