G. B.

Pant DSEU Okhla – I Campus, New Delhi

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

SYNOPSIS
OF

Project Management Application

B. Tech (CSE - 7th Semester)

SUBMITTED BY: SUBMITTED TO: -

Devesh Singh (41521015) Dr. Amit Ramesh Khaparde
Raghav Sahi (41521050)
Statement of the problem:

Managing notes and tasks manually has become increasingly inefficient, especially in
academic and professional settings. With traditional methods, users face challenges in
organizing their notes, prioritizing tasks, and keeping track of important announcements or
feedback. The lack of a centralized system for managing notes results in scattered
information and difficulty in accessing or updating important content. Furthermore, the
inability to assign priority levels to tasks (such as low, medium, or high) can lead to
confusion and missed deadlines.

Existing note management tools often fail to provide a comprehensive solution, combining
functionality for note-taking, task prioritization, and communication. This lack of integration
creates inefficiencies that hinder productivity and make the management of academic or
professional tasks cumbersome.

To solve this, there is a need for an automated, user-friendly application that offers a
centralized system for organizing and managing notes. The application should allow users
to:

 Create, edit, and delete notes seamlessly, providing a flexible way to capture and
update important information.
 Organize notes effectively, with features for categorizing and tagging content for easy

retrieval.
 Prioritize tasks using customizable priority levels (low, medium, high), helping users

stay focused on their most important tasks.

 Filter notes and tasks based on specific criteria, enabling users to find relevant

information quickly.
 Centralize announcements and feedback, ensuring users stay informed about

important updates in a single platform.

[Computer Science & Engineering] Page 2

Why a particular topic chosen/Motivation:

The topic was chosen to address the inefficiencies and challenges of managing notes and
tasks manually, such as disorganization, lack of prioritization, and fragmented information.
In academic and professional settings, these issues hinder productivity and time
management.

This project aims to develop a feature-rich note management application that simplifies
note-taking, allows task prioritization (low, medium, high), and provides centralized access
to announcements and feedback. By offering an intuitive and streamlined solution, the
application seeks to enhance productivity, improve organization, and empower users to
manage tasks and information effectively.

Overview of Project:

The Project Management Application is a web-based platform designed to simplify task and
note management while enhancing collaboration through a id-based system. Users can
manage projects by creating, editing, deleting, and prioritizing tasks linked to their unique
user ID, with tasks displayed based on their assigned priority levels. Built on the robust
MERN stack (MongoDB, Express.js, React.js, and Node.js), the application ensures scalability,
security, and a seamless user experience. It addresses common challenges like manual
processes, resource disorganization, and inefficient communication, providing a structured,
user-friendly solution. Ideal for academic institutions, the system promotes productivity by
integrating task management, prioritization, and collaboration into a cohesive platform.

[Computer Science & Engineering] Page 3

 Objective and Scope of the project:

Objective:

 Implement a secure login system to allow users to access their personalized notes.

 To enable id-based access control for efficient management.

 Users should be able to add notes with the following properties:

■ Group: Categorize notes under different groups.
■ Text: The main content of the note.
■ Color: Assign a color to each note for easy identification.

○ Edit Notes: Users should be able to edit existing notes, updating the group, text, or color.
○ Delete Notes: Provide functionality for users to delete notes they no longer need.

Scope:
○ A centralized platform for managing students, classes, and notes.

○ ID-based user functionality for all users.

○ Users should be able to filter notes based on priorities to quickly find relevant information.
○ The project's scalability is ensured by its MERN stack foundation, allowing easy integration
of new features, support for increased user load, and adaptability to evolving organizational
needs.

[Computer Science & Engineering] Page 4

Methodology:
 The development of the Project Management Application followed a structured and
iterative methodology to ensure a robust and user-centric solution. The process began
with requirement analysis, gathering insights from potential users, particularly within
academic institutions, to identify key challenges such as task disorganization and
inefficient communication. Next, the system design phase utilized the MERN stack
architecture to create a scalable and modular structure, focusing on the backend with
MongoDB for database management, Express.js for API routing, Node.js for server-side
logic, and React.js for a dynamic and responsive user interface.

 During the implementation phase, the team developed core features, including task
creation, editing, deletion, and prioritization, ensuring role-based access control for
secure and efficient resource sharing. Integration of real-time data handling and
responsive design was prioritized to enhance the user experience.

 The testing phase involved rigorous unit, integration, and user-acceptance testing to
identify and address functionality gaps, ensuring the system's reliability and
performance. Finally, the deployment and maintenance phase included deploying the
application on a cloud platform for accessibility, with provisions for continuous
updates and scalability to accommodate future user demands and feature
enhancements. This methodology ensured a seamless, secure, and scalable solution
tailored to user needs.

[Computer Science & Engineering] Page 5

All Tasks

Completed Taskts

[Computer Science & Engineering] Page 6

Pending Tasks

= Tasks
Overdue

[Computer Science & Engineering] Page 7

Register Page

Login Page

[Computer Science & Engineering] Page 8

Development:
• Front-End Development: Build the web-based user interface using HTML, CSS, and
JavaScript frameworks (such as React), ensuring responsive and user-friendly designs.

• Back-End Development: Develop the server-side logic with a framework like Express.js or
Django, focusing on handling requests, processing data, and ensuring secure communication
between the front-end and back-end.

• Database Integration: Set up and configure the database, ensuring it can handle customer,
room, and meal data while maintaining data integrity and efficient querying.

• API Development and Integration: Develop RESTful APIs to connect the front-end with the
back-end, allowing data exchanges for rooms, meal preferences, guest movement, and more.

Testing:
The testing phase involved a comprehensive and systematic approach to ensure the application's
functionality, performance, and reliability. Unit testing was conducted on individual components to
verify that each feature, such as task creation, editing, deletion, and prioritization, worked as intended
in isolation. Following this, integration testing was employed to validate the seamless interaction
between the frontend (React.js) and backend (Node.js and Express.js), as well as with the database
(MongoDB).

Deployment:
The application was deployed on hosting platforms like Netlify for the frontend and Render for the
backend, ensuring seamless accessibility and reliable performance. Netlify provided a fast, scalable,
and secure environment for hosting the React.js-based user interface, while Render facilitated
efficient deployment and management of the Node.js backend and MongoDB database. These
platforms enabled continuous integration and delivery, ensuring smooth updates and consistent
functionality across all environments.

[Computer Science & Engineering] Page 9

Hardware and Software Requirement:

Software Requirement

1. Operating System
o Windows, macOS, or Linux (Development environments are supported
on all major operating systems.)

2. Text Editor or IDE

o VS Code (free, extensible, widely used)

3. Web Browsers
o Google Chrome and Firefox (Developer Tools are essential for
debugging)

4. Version Control
o Git for version control
o GitHub, GitLab for remote repository hosting

5. Package Managers
o Node.js and npm (Node Package Manager) for JavaScript/Node
projects.

6. Frontend Frameworks and Libraries

o HTML, Tailwind CSS, and JavaScript
o Frameworks like React

7. Backend Frameworks
o Node.js with Express.js

[Computer Science & Engineering] Page

10
 8. Database
o MongoDB Atlas.
9. Other Useful Tools
o Communication Tools: Discord, Google Meet for team collaboration.

Hardware Requirements
1. Development Machine

o Processor: At least Intel i5 or AMD equivalent (higher for faster builds)

o RAM: 8GB minimum (16GB or more recommended, especially for running virtual
environments, Docker, or resource-intensive IDEs)
o Storage: 256GB SSD (minimum), preferably 512GB or more.

2. Network Requirements
o Stable and reliable internet connection with good upload and download speeds (especially
for remote collaboration, cloud services, or uploading content).
o Access to hosting or cloud environments for testing and deployment
(e.g., AWS, or similar services).

3. Development Environment Accessories (Optional)

o External monitor for multitasking.
o Keyboard and mouse for efficiency.
o External storage or cloud storage options for backups.

References:
 "MongoDB: The Definitive Guide" by Kristina Chodorow.

 React.js Documentation (https://reactjs.org/)

 Express.js Guide (https://expressjs.com/)

 Node.js Documentation (https://nodejs.org/)

[Computer Science & Engineering] Page

11