Focus Flare A Virtual Study Assistant for Task Management

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 04 | Apr 2025

p-ISSN: 2395-0072

www.irjet.net

Focus Flare A Virtual Study Assistant for Task Management Dr.G.L. Lakshmi1, T.H.S.S SAI GANESH2, S. MIDHUN3, M. MEGHANA SAI4, G. LAKSHMI PRASANNA5, U. SIRISHA 6, Dept of AI&DS, VVIT, Andhra Pradesh, India Dept of AI&DS, VVIT, Andhra Pradesh, India Dept of AI&DS, VVIT, Andhra Pradesh, India Dept of AI&DS, VVIT, Andhra Pradesh, India Dept of AI&DS, VVIT, Andhra Pradesh, India Dept of AI&DS, VVIT, Andhra Pradesh, India ---------------------------------------------------------------------***---------------------------------------------------------------------

Abstract - In today's hectic academic environment,

enough to handle academic planning, and thus students have to use multiple platforms.

students frequently find it challenging to manage their time, assign priorities, and complete tasks within deadlines efficiently. Focus Flare is an online study tool intended to offer a well-organized academic planning technique using personalized study calendars, intelligent reminders, and progress monitoring. By enabling students to properly juggle their studies, projects, and examinations, Focus Flare increases productivity and prevents any significant task from being forgotten .The platform enables students to create custom study plans tailored to their workload, study time, and deadlines.

Performance monitoring and habit tracking also help students monitor their study habits and spot areas for improvement. In addition to task scheduling, Focus Flare provides goal setting, prioritization strategies, and visualization of progress so that the student stays motivated and focused. The interactive and intuitive user interface enables smooth transition, making planning academic easier and efficient. Focus Flare has been built with Node.js, TypeScript, JavaScript, and Express to provide a scalable, efficient, and responsive user experience. With the integration of structured scheduling, and performance analytics, the platform keeps students organized, mitigates academic stress, and maximizes productivity. Whether one is juggling multiple assignments, or balancing extracurricular activities, Focus Flare becomes the go-to assistant for academic success..

Focus Flare streamlines studying by providing task organization, time management, and automatic reminders under one roof. Students can organize study plans in a structured way, set priorities, and monitor progress in real time. Pomodoro-inspired Focus Mode increases focus, and performance insights make study habits better.

Focus Flare addresses the issues of study task management by offering a centralized platform for structuring, monitoring, and optimizing study timetables.

With real-time progress monitoring and task analysis, students are able to track their study habits and enhance productivity. Developed using Node.js, TypeScript, React, Express, and ShadCN, Focus Flare provides user-friendly experience. With scheduling, it helps students stay organized, reduce stress, and improve performance.

2. LITERATURE REVIEW Conventional study management is usually based on static to-do lists and broken scheduling tools, which make it hard for students to follow assignments, set priorities, and allocate time properly. Most current platforms do not have dynamic scheduling, real-time monitoring, and coherent study feedback, resulting in inefficiencies and last-minute pressures.

Key Words: Study Assistant, Time Management, Personalized Study Plans, Automated Reminders, Academic Productivity, Progress Tracking, Task Prioritization

2.1 Academic Task Management Challenges: Yet, the majority of current study management tools do not offer an adaptive and dynamic means of academic planning. They don't frequently include real-time progress tracking, smart task prioritization, and automated adjustment of schedules, which complicates the process for students to effectively manage their workload.

1. INTRODUCTION Handling academic work effectively is a challenge for students balancing assignments, deadlines, and exams. Without an organized system, staying organized is impossible, and it results in stress and missed deadlines. Current productivity tools are not flexible

© 2025, IRJET

|

Impact Factor value: 8.315

|

ISO 9001:2008 Certified Journal

|

Page 294

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 04 | Apr 2025

p-ISSN: 2395-0072

www.irjet.net

2.2 Smart Task Organization and Progress Tracking:    





Personalized Study Plans: Allows students to create customized schedules based on workload, deadlines, and priorities Automated Reminders: Sends notifications for assignments, exams, and pending tasks to prevent missed deadlines.

Task Progress Analytics: Provides insights into study patterns, helping students track progress and optimize time management.

Limitations of Traditional Tools: Highlights the lack of real-time adaptability, progress tracking, and automated prioritization in conventional task management methods.

Increased Efficiency Using Focus Flare: Provides intelligent scheduling, interactive dashboard, and non-intrusive task tracking.

Fig 2.3 Architecture

2.3 System Architecture and Modular Design :

3. Module 1: User Interface

Successful task management needs a solid and flexible system. FocusFlare is designed on a modular architecture that allows for smooth functioning, making it possible for users to manage tasks effectively, monitor progress, and boost productivity using proper categorizing and managing tasks 

Independent Modules: The architecture is such that it allows essential modules like UI, task categorization, tracking of progress, notifications, and analytics to function independently while allowing smooth communication between them.



Strong Backend Processing: The backend, driven

by Node.js and Express, processes task creation, updates, and user authentication effectively.

Microservices architecture guarantees scalability and flexibility.







3.1 Design Goals: The User Interface (UI) is the focal point of user interaction, providing a clean, organized platform for task management, monitoring productivity, and measuring performance. Developed with React, ShadCN, and TypeScript, it provides seamless, visually pleasant, and responsive operations. Simple, efficient, and usable in design, it keeps users organized and more productive insights. 



Real-Time Analytics: The platform constantly monitors task completion and employs intelligent algorithms to underscore outstanding tasks, recommend priority plans, and streamline workflow effectiveness.

 

Interactive User Interface: The React frontend, developed using ShadCN and TypeScript, offers an intuitive, smooth, and responsive experience, where users can manage and visualize tasks with ease.

 

Scalability & Performance Optimization: The highly modular architecture means that the system is extremely scalable, able to handle increasing user loads without hindrances in terms of performance.

© 2025, IRJET

|

Impact Factor value: 8.315

With guided workflows, and real-time adjustability, FocusFlare delivers a sophisticated task management experience customized for optimal productivity.

|

Structured Navigation: Clearly defined sections like "Dashboard," "Task List," "Focus Mode," and "Analytics" provide easy and intuitive navigation making it simple for accessing.

Aesthetic Visual Design: Minimalist interactive design with smooth transitions and unambiguous task categories optimizes accessibility and usability.

On-time Task Reminders: Offers real-time reminders, updates, and notifications for tasks, keeping users informed and on time.

Flexibility Across Devices: Built for desktop, tablet, and mobile, with the same user experience across all screen sizes.

Integrated File Management: Users can *attach, edit, and work on files directly within tasks, streamlining workflow and boosting productivity.

Performance Insights: Provides graphical representations, such as charts and progress monitors, to allow users to view trends, track progress, and automate their workflows.

ISO 9001:2008 Certified Journal

|

Page 295

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 04 | Apr 2025

p-ISSN: 2395-0072

www.irjet.net

3.2 Principal Components:



React with TypeScript: Uses a typed, component-based structure to improve maintainability and scalability and guarantee type safety to avoid runtime errors.



ShadCN: ShadCN Components provide a consistent and visually appealing user interface by using reusable design components, such as buttons, modals, and input fields, thus ensuring a responsive and accessible interaction structure.



Redux with Redux-Thunk: Effectively handles global state, including authentication, task details, and rewards, and simplifies complex asynchronous API calls.



Axios for API Integration: Enables seamless and effective communication between the backend and frontend, such as real-time authentication, task synchronization, and performance monitoring.

The interface is organized into five primary sections, each offering functionalities to enhance user task details: 

Section1: Task command Center Organizes activities into "Today's Tasks," "Upcoming Tasks," and "Overdue Tasks." People utilize it well for creating, viewing, rearranging, and executing activities while remaining on schedule.



Section 2: Performance Dashboard Offers instant feedback on task completion speed, productivity patterns, and individual accomplishment. Charts and graphs give a clear, visual record of progress.



Section 3: User Navigation and Access Control Integrated into the navigation bar for easy access to user security and authentication functionality.

Users can view their name and safely log out after successful login.



Section 4: File Management System Enables uploading, attachment, and file management relevant to activities on the platform. The feature offers easy document handling, thus enhancing effective task execution.



Section 5: Achievement Hub and Rewards : Displays reward points and milestones to encourage productivity and increase participation. Members can track their progress and indicate milestones in their work processes.



Fig 3.3.1 Output of Signup and Login

Login / Sign Up System: The authentication module ensures secure user login and account creation, seamlessly integrated into the navigation bar. Upon successful login, users can view their name and access a "Logout" option for effortless account management.

3.3 Implementation Details: Fig 3.3.2 Dashboard preview

The platform's architecture is founded on a stable and scalable technological foundation, which ensures smooth management of tasks, enhanced performance analysis, and easy By leveraging modern frontend and backend technologies, Focus Flare increases productivity while maintaining efficiency and responsiveness on different devices..

© 2025, IRJET

|

Impact Factor value: 8.315

|

ISO 9001:2008 Certified Journal

|

Page 296

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 04 | Apr 2025

p-ISSN: 2395-0072

www.irjet.net

4. Module -2 : Task Management, Productivity and File Handling This module is designed to enhance task organization, improve productivity tracking, and enhance file management in Focus Flare. It provides structured task management, real-time tracking of progress, and seamless file operation, enabling users to effectively manage their work while keeping related documents within easy reach..

4.1 Task Management and Productivity Tracking: The Productivity Tracking and Task Management feature is designed to assist users in planning, monitoring, and accomplishing their tasks as well as tracking productivity levels. The system offers a formalized method through the classification of tasks into various states, thereby enabling real-time monitoring of progress and providing feedback on performance The process begins with the creation of tasks, wherein users provide crucial information such as title, description, priority, deadline, and category. Each task is uniquely assigned to the user, thus making it responsible and easy to maintain tasks. The system tracks task progress in real-time, tracking transitions between Pending, In Progress, Completed, and Overdue states.

When a task is past its deadline and not yet completed, it is designated as Overdue, enabling users to easily identify priority tasks.

The task monitoring process is simple. The system records each change of status, and users can use metrics such as completion rate, average duration, and overdue items to gauge productivity. Each transition of tasks is monitored, creating a timeline that produces meaningful information about the effectiveness of users.The backend uses Node.js and Express, where CRUD operations of tasks are carried out. In MongoDB, there are fields to store task information such as title, description, status, priority, deadline, and assignee in each record. The frontend uses React that calls APIs to the backend, and the Redux is used globally to manage state for consistency across the app.

Fig 4.1.1 Task Creation Page

4.2 File Handling : The File Handling facility in Focus Flare supports uploading, managing, and accessing files within the task management system. This helps to ensure that taskrelated content remains in a systematic format and can be accessed easily without relying on external storage systems. Various file types, such as PDFs, Word documents, images, and others, can be added by users with the restriction of five files per task and a 5 MB upload capacity. Attachments are also available along with task information, and completed tasks also retain the linked files for future use, if needed.

The Task Management and Productivity Tracking feature helps individuals stay organized, prioritize, and effectively perform tasks that are urgent. Through the synergy of real-time tracking, workflow systematization, and analytical insights, Focus Flare helps individuals streamline their task management process and maximize their productivity effectively.

© 2025, IRJET

|

Impact Factor value: 8.315

The file system is integrated with task management so smoothly that users can add a file or edit a task with the ability to attach files. Upload fields, drag-and-drop functionality, and preview and download attachment functionalities are included in the user interface.

Uploading files is done on the server side by Express.js, and metadata in terms of filenames and timestamps is saved in MongoDB. The uploaded files are saved in a

|

ISO 9001:2008 Certified Journal

|

Page 297

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 04 | Apr 2025

p-ISSN: 2395-0072

www.irjet.net

specific storage folder with paths linked to their respective tasks, so data management is proper.

The system improves the user experience with the inclusion of attached files' preview in each task, hence enabling easy and fast access. All files are shown with a downloadable button that is clickable, and users are afforded the luxury of previewing files without exiting the task interface. Such file management functionality aids in tracing significant files, hence minimizing manual file management. Moreover, with ongoing access to the attached files, users can refer to completed tasks whenever necessary.



Optimal Work Periods also analyze productivity patterns and recommend the best times for highefficiency work. formed career decisions based on tailored advice.

5.2 Notification System: 

To provide error-free management and seamless operation, Focus Flare verifies file uploads, limiting unsupported file types and oversized files. When uploads are unsuccessful, users are provided with immediate error messages and retry requests. This functionality maximizes task management effectiveness by enabling users to save, retrieve, and manage vital documents in an integrated workflow, enhancing productivity and organization

Notifications System maintains the users in the loop with timely reminders of the upcoming deadlines, overdue tasks, and milestone achievements. It provides real-time tracking of the tasks, reflecting the outstanding actions and completion. The notifications allow the users not to miss a deadline and provide a consistent work flow.

By combining Calendar, Focus Mode, and Notifications, Focus Flare creates a distractionfree, well-organized work environment. Users can plan their tasks effectively, stay accountable, and optimize their productivity using structured work sessions and insightful analytics.

Fig 4.2.1 File Handling

Fig 5.1 Pomodoro

5. Module-3: Calendar and Focus Mode The Calendar and Focus Mode feature of Focus Flare optimizes productivity by scheduled task organization and avoidance of distractions. The Calendar module allows users to schedule tasks, set deadlines, and track priorities, with an easy view of upcoming tasks. Tasks are visually arranged by urgency, project, or category so that users can stay in charge of their work. Performance analysis provides information about task completion and productivity patterns so that users can streamline their workflow.

Fig 5.2 Calender Output

5.1 Focus Mode : 

6 . Module Interaction & Sample Test Cases

The Focus Mode is designed to minimize distractions and promote deep work. It comes with Distraction Alerts, which remind users when they're off track, keeping them on their toes.

Pomodoro Insights guide users through timed work sessions, with scheduled breaks for maximum concentration and avoiding burnout.

© 2025, IRJET

|

Impact Factor value: 8.315

6.1 Modules Interaction: In Focus Flare, inter-module communication is designed to provide a seamless and user-friendly task management experience. Focus Flare is built with React, TypeScript, Express.js, and MongoDB, with microservices

|

ISO 9001:2008 Certified Journal

|

Page 298

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 04 | Apr 2025

p-ISSN: 2395-0072

architecture to maintainability.

ensure

scalability

www.irjet.net

as

well

as

check, optimizing their workflow.experience encourages user interaction.

The platform consists of three core functionalities: User Interface, Task Management & File Handling, and Focus Mode & Calendar Integration. All the features of each of them share efficiently using REST APIs, Redux for state management, and WebSockets to facilitate real-time updating of tasks. The User Interface module offers an interactive and dynamic front-end experience, the Task Management & File Handling module facilitates efficient task organization along with file attachment, and the Focus Mode & Calendar module facilitates productivity through deadline tracking, work session management, and minimizing distractions.

that

By utilizing React, Redux, Express.js, and MongoDB, Focus Flare provides each module with independence in function while retaining flawless integration, with an easy, streamlined, and highly productive task management experiences specific tasks.

With its integrated system and modular design, Focus Flare provides an easy, effective, and allencompassing task management experience. With React, Redux, Express.js, and MongoDB, users are presented with a high-performance and scalable solution that allows them to remain organized, monitor tasks effectively, and increase productivity.

Central to this unification is the task management system that ties all the modules together. The React frontend dynamically displays tasks, file attachments, and focus mode insights, and Express.js APIs control task creation, updating, and scheduling. Task metadata, file references, and user preferences are stored in the MongoDB database, and data is passed efficiently between modules. appropriate model methods and rendering the templates.

With advanced focus-driven technology and computer-aided planning tools, Focus Flare helps people build better work habits, maintain consistency, and optimize daily routines for long-term success.

6.3 Sample Test Cases : Testing is an important phase to check that Focus Flare operates as expected and provides users with an efficient and hassle-free task management procedure. The test cases are determined to check significant features such as authentication, task management, file handling, focus mode, and calendar synchronization.

6.2 Combining All Modules: The platform follows a modular architecture, integrating different functionalities into the main React application and maintaining separate microservices for activities like handling, file storage, and productivity tracking. This architecture helps maintain a smooth and consistent flow of activities for the users.

Module 1 (User Interface) is developed in React and CSS , ShadCN components and offers a dynamic and user-friendly interface. The UI is dynamically refreshed as per Redux state change, and the interface is smooth and responsive for task management. Users can browse through task lists, see file attachments, and see focus mode insights.

Module 2 (Task Management & File Handling) optimizes task organization through the creation, editing, and management of tasks with inbuilt file upload features.

File uploading is securely processed by Express.js, and task data as well as file data are stored in MongoDB. There is support for different types of attachments for the users, which include document previewing and inline downloading of attachments in their tasks.

Fig 6.1 System workflow 

Module 3 (Calendar Integration & Focus Mode) This increases productivity through the integration of Pomodoro sessions, distraction alerts, and best time to work analysis. The Calendar module integrates deadline tasks, allowing users to schedule and visualize their workload efficiently. Reminders and alerts keep users in

© 2025, IRJET

|

Impact Factor value: 8.315

|

Test Case 1:User Authentication In this test, the site verifies user login. When a user enters valid email and password, they should be redirected to the dashboard with a welcome message. When invalid credentials are entered, a message ("Invalid credentials, please try again") should be shown. This ensures that the authentication process is secure and only valid users can see their personalized workspace.

ISO 9001:2008 Certified Journal

|

Page 299











International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 04 | Apr 2025

p-ISSN: 2395-0072

www.irjet.net

user acceptance testing, the platform validates that all the components of the system are interacting in the right way and delivering the intended functionality.

Test Case 2:Task Management & Creation This test evaluates the users' capability to efficiently create and manage tasks. The users should be able to create a task by entering a title, description, due date, and priority level. Once saved, the task needs to be visible on the task list.

The users should also be able to modify the task, change the priority, and mark it as done. This offers a smooth and responsive task management.

7. Conclusion Focus Flare is a next-generation productivity platform engineered to revolutionize task management and performance tracking, using the harmonious integration of user-friendly functionality, workflowfriendly interfaces, and automation. With its User-Centric Interface, the platform organizes tasks using a workflowfriendly set of tools including task categorization, priority, and voice-activated creation of tasks to make them enjoyable and seamless for the user.

Test Case 3: File Uploading and Downloading This test checks the functionality of the platform in managing file attachments on tasks. The user is expected to upload a file (e.g., PDF, image, document) onto a task, get notified, and download or view the attached file later. If the user uploads an unsupported file type, the system is required to notify with an error message. This checks that file management is working and secure.

The platform's central modules—Notifications, Focus Mode, and Calendar Integration—are combined to allow users to manage their work efficiently. Focus Mode minimizes distractions through Pomodoro-based focus intervals, while Calendar Integration optimizes deadlines and keeps them visible. Reminders and distraction alerts at the appropriate time also boost productivity by keeping users on track.

Test Case 4: Pomodoro Timer & Focus Mode The focus mode feature is evaluated by initiating a Pomodoro session. The user must be able to initiate a 25-minute work session, be alerted of a break upon completion, and pause or stop the timer as needed. This enables the Focus Mode to run effectively, reminding users to remain productive.

With Task Automation, Focus Flare simplifies operations through intelligent scheduling, real-time reminders, and auto-syncing. Furthermore, the Rewards System motivates users with points on task completion, building consistency and goal achievement.

Test Case 5: Scheduling Calendar This test ensures that deadline tasks are correctly integrated into the calendar module. If a task is added against a deadline, it should automatically be reflected on the calendar. Users should receive reminder messages prior to the deadline.

Rescheduling a task should also be reflected on the calendar. This is to effectively schedule tasks and track deadlines.

In essence, Focus Flare is not only a task management system but also a productivity companion that enhances focus, streamlines processes, and ignites motivation. With more future updates such as more rewards, collaboration, and more detailed tasks, Focus Flare is poised to always empower users to attain productivity easily and efficiently.

Test Case 6: Reward System after Task Completion This test calculates the reward system triggered after the completion of a task by a user. On completion of a task and marking it as done, points must be awarded based on the task priority. The updated point score must be displayed on the user dashboard. Several task completions must correctly accumulate points, and in case of redemption, users must be able to trade rewards. This ensures that the platform effectively encourages productivity through incentivization.

8. References 1. Node.js Foundation, “Node.js v20.0.0 Documentation,” [Online]. https://nodejs.org/en/docs/ 2. React Documentation, “React: A JavaScript Library for Building User Interfaces,” [Online].

Available: https://react.dev/.

3. TypeScript Handbook, “TypeScript: JavaScript That Scales,” [Online]. https://www.typescriptlang.org/docs/ 4. Express.js, “Express: Fast, Unopinionated Web Framework for Node.js,” [Online].

Available: https://expressjs.com/

These test cases validate that the core functionalities of the platform are working as intended and provide a seamless experience for the users. Through unit testing, integration testing, and

© 2025, IRJET

|

Impact Factor value: 8.315

|

ISO 9001:2008 Certified Journal

|

Page 300

International Research Journal of Engineering and Technology (IRJET)

e-ISSN: 2395-0056

Volume: 12 Issue: 04 | Apr 2025

p-ISSN: 2395-0072

www.irjet.net

5. ShadCN UI, “ShadCN: Accessible and Customizable UI Components for React,” [Online].

Available: https://ui.shadcn.com/.

6. Zammetti,F. Modern Full-Stack Development: Using TypeScript, React, Node.js, Webpack, 7. . Hoque, S. Full - Stack React Projects: Learn MERN Stack Development by Building Modern Web Apps Using MongoDB, Express, React, and Node.js, 2nd Edition. United Kingdom: Packt Publishing, March 2020.

8. Tien Pham, “Building an online shop application with MERN stack”, Bachelor’s Thesis, November 2020.

© 2025, IRJET

|

Impact Factor value: 8.315

|

ISO 9001:2008 Certified Journal

|

Page 301