MES Aabasaheb Garware College, Pune

(Autonomous)

A Project Report On

“C-Bell Content Management System”

Submitted in Partial fulfilment of Master of
Computer Application (Semester VI)

Submitted by:
Name: Vaibhav Ramdas Kulkarni
Roll No:17005
For the Year 2024-2025
Under Guidance of
Mrs. Bharti Karpatti
Acknowledgement
I Hereby take this opportunity to express gratitude to all the who have
influenced the making of “Content Management.”
I express my gratitude to Mr. Milind Ambatkar and Mr. Nikhil Joshi for
giving me the chance to work on this project. Also, I thank them for their
guidance at every stage of this project.
Special thanks to Head of department Mrs. Chitra Nagarkar of Master of
Computer Application of Garware Collage.
In addition, I wish to covey deep sense of gratitude towards the entire
Content Management Team at Candent Technologies Pvt Ltd., who gave me
invaluable knowledge during the project period.

Thanking you all.

Index:
Sr No. Context Page No.
1. Introduction
1.1 Compony Profile
1.2 Introduction to System
1.3 Scope of the System
1.4 Proposed System
1.5 Technology used

2. Analysis
2.1 Fact Finding Techniques
2.2 Feasibility Study
2.3 hardware and Software requirement

3. System Design
3.1 UML diagram
- Use case diagram
- Activity diagram
- Class diagram
- Deployment diagram

4. Data Dictionary

5. Output Screen

6. Advantages and Limitations

7. Future Enhancement

8. Bibliography
1.Intoduction
1.1 Company Profile
Candent, based in India and USA and team members across the globe,
provides Technology Consulting services to Fortune 500 and small/medium
enterprises. We have built our proprietary POLARIS platform - leveraging the
latest technologies. We're partners, leaders, and forward-thinkers.
With our bright minded team, we harness our intellectual horsepower to
enable your digital transformation initiatives. In our discovery phase, our
expert User-Experience driven workshops will be the transformation catalyst.
Candent's proven "D4 Consulting Methodology" - Discover, Design, Develop,
Deliver is an expertly curated process that is battle tested from numerous
digital transformation programs.

Services:
- Cloud
- SAP S/4 HANA
- Data, Analytica and AI
- Mobility

For more details, please visit www.candentech.com

Company : - Candent Technologies Pvt Ltd

Contact Details: - 8th Floor, Nyati Emporius, 808,
above Volvo Showroom,
Baner, Pune, Maharashtra 411045
1.2 Introducing to System.
The Event Content Management System is a modular, React.js-based
web application designed to simplify the creation, organization, and
management of event-related.
It provides a centralized platform where organizers can add event
descriptions, manage associated tasks, upload supporting files, monitor
participants, and prepare content for final publication.
Key features of the system include:
 Event Content Forms for entering detailed information like event location
and description,
 Task Management for adding, editing, and tracking assignments,
 Files and Uploads Section to manage various media and documents,
 Publishing Tools to finalize event content for release,
 Dynamic Dashboard offering visual summaries of tasks, deadlines, and
events,
 Breadcrumb Navigation to ensure easy movement between sections,
 Participant Management through avatar headers,
 Custom Select Inputs to simplify data selection.
Built with a modern component-driven architecture, the system ensures:
 Content reusability,
 Easy content updates,
 Clear workflow tracking,
 Intuitive user experience with minimal training needed.
This application is ideal for colleges, organizations, marketing teams, or
event curators who need a lightweight, easy-to-use content management
solution for event promotion, documentation, and publishing.
1.3 Scope of the System
A) Primary Objective
The system aims to provide a centralized, user-friendly platform to
create, manage, organize, and prepare event-related content for publishing.
It focuses mainly on content handling rather than complete event execution.

B) Key Functional Areas

Event Content Creation:
 Capture event details like location, description, and key information
through dynamic forms.
Task Content Management:
 Create, edit, and organize event-related tasks.
 Assign and track tasks associated with different phases of content
creation.
Files and Upload Management:
 Upload, manage, and organize event documents, images, videos, or
promotional material.
Content Publishing Preparation:
 Finalize event content for presentation or publication.
 Ensure all related tasks and uploads are completed before marking the
event ready.
Participant Overview:
 Visual tracking of team members or contributors via avatar headers.
Dashboard Overview:
 Monitor active events, pending tasks, deadlines, and upcoming or past
event content at a glance.
Navigation and Usability:
 Breadcrumbs and vertical navigation tabs to move smoothly across
different content sections.
C) In-Scope Features
Dynamic Forms for Event Information
Task Assignment and Tracking
File Uploading and Organizing
Content Readiness and Publishing Tools
Dashboard Summaries and Quick Insights
Visual User Interface (Avatars, Breadcrumbs, Icons)
Responsive and Modular UI Design

D) Target Users
Event Content Teams
College Event Committees
Marketing and Promotions Teams
Media Content Managers
Cultural Festival Organizers
1.4 Proposed System
 Event Content Creation:
Forms that allow event organizers to input critical event information such
as location, description, and key metadata.
 Task Management Module:
Add, edit, and monitor tasks assigned to different team members to
ensure the progress of event preparation.
 File and Upload Handling:
Easy uploading and categorization of content such as documents,
images, videos, audio files, and promotional materials.
 Publishing Management:
Systematic finalization of all event content, ensuring it is ready to be
published or presented.
 Dashboard for Quick Insights:
Visual dashboards summarizing active events, pending tasks, upcoming
events, and past activities.
 Breadcrumbs and Smooth Navigation:
A breadcrumb trail feature ensures users never get lost and can easily
switch between different content sections.
 Participant Visualization:
Avatars are used to represent team members, participants, or content
contributors, offering quick identity recognition.
 Reusable Components:
System is built with modular, reusable components to maintain
consistency and ease future upgrades.
1.4 Technology used

 React.js
o Main library used to build a dynamic and component-driven user
interface.

o Supports modular, reusable, and scalable UI elements.

 React Router DOM
o Enables routing and navigation between different pages/modules
(e.g., Details, Tasks, Files, Publish) without page reloads.
o Ensures a seamless single-page application (SPA) experience.
 Lucide-React
o A modern icon library used to enhance UI/UX with clean,
lightweight SVG icons.
o Icons like Home, Folder, File, etc., are used for breadcrumbs and
navigation aids.
 CSS (Custom Styling)
o Custom Cascading Style Sheets are used for layout design,
responsiveness, and visual consistency.

o Separate .css files are maintained for component-specific styling.

2. Analysis:
2.1 Fact-Finding Technique
Fact-finding is the process of gathering information about the existing
processes, user needs, problems, and requirements for developing a new
system.

 Interviews
 Observation
 Questionnaire
 Document Analysis
 Prototyping

a) Interviews
To gather detailed insights directly from event organizers, content managers,
and participants.

b) Observation
To watch how event organizers work with existing tools like spreadsheets,
email, or manual file management.

c) Questionnaire
To gather opinions from a larger group quickly and in a structured way.

d) Document Analysis
To study existing documents related to event planning, like task lists, event
agendas, promotional files.
2.2 Feasibility Study
Technical Feasibility
 Assessment:
The system is built using React.js, a highly reliable, modern, and open-
source JavaScript library for building web applications.
 Tools and Technologies:
o React Router for navigation.
o Lucid-React for icons.
o CSS for responsive and customized styling.

Operational Feasibility
 Assessment:
The users (event organizers, managers) are already familiar with web
platforms and basic digital tools.
 Ease of Use:
o Simple navigation with tabs and breadcrumbs.
o Intuitive forms and dashboards.
o No complex training required.

Economic Feasibility
 Assessment:
Since the system uses open-source technologies (React, CSS, icons),
there are no heavy licensing costs.
 Cost Factors:
o Only basic hardware and internet connection are needed.
o Minimal development and maintenance costs.
 Benefit Factors:
 o Increased productivity.
o Better content management leads to higher event success rates.

Schedule Feasibility
 Assessment:
With modular and reusable component development, the system can be
completed within a reasonable time frame.
 Timeline Factors:
o Clear division into modules (Details, Tasks, Files, Publish,
Dashboard).
o Easy testing due to reacts component-based structure.
2.3 Hardware and Software Requirement

Hardware Requirements
Processor
Intel i3 / Ryzen 3 (Minimum) or higher
4 GB (Minimum), 8 GB (Recommended)
256 GB HDD or SSD (Minimum)
13” Monitor (Minimum), 15” or more (Recommended)
Stable broadband connection (for development &
deployment)

Software Requirement
Operating System: Windows 10/11, macOS, or Linux
Frontend: React.js (with Node.js environment)
Code Editor: Visual Studio Code (or any modern editor like
WebStorm)
Browser: Google Chrome, Mozilla Firefox (latest versions)
Package Manager: npm (Node Package Manager)
3. System Design
ERD:
3.1 UML Diagram
- Use case diagram
- Activity Diagram
-Class Diagram
4.Data Dictionary
User Table
Field Name Data Type Description
UserID Integer Unique identifier for each
user
UserName Varchar Name of the user
Email Varchar User’s email address
Role Varchar Role of the user (e.g.,
Admin, Editor)

Event Table
Field Name Data Type Description

EventID Integer Unique identifier for each

event
EventName Varchar Name of the event

EventLocation Varchar Location where event will

be held
EventDescription Text Description of the event

EventDate Date Time Date and time of the event

CreatedBy Integer UserID of the creator

FileUpload Table
Field Name Data Type Description
FileID Integer Unique ID for uploaded file
EventID Integer Event to which file is
associated
FileName Varchar Name of the uploaded file
FileType Varchar Type of file (e.g., PDF, JPG,
DOCX)
UploadDate DateTime Date when the file was
uploaded
UploadedBy Integer UserID of the uploader

Task Table
Field Name Data Type Description
TaskID Integer Unique task identifier

TaskName Varchar Description/title of the task

EventID Integer Related event ID

AssignedTo Integer UserID of person assigned to

task

DueDate Date Task completion deadline

Status Varchar Task status (Pending, Done,

etc.)
Publish Table
Field Name Data Type Description
Unique identifier for publish
PublishID Integer
record
EventID Integer Associated Event ID
Status(Published/Not
PublishStatus Varchar
Published)
PublishDate DateTime Date and time of publishing
5.Output Screen
Event Details Page:

Navbar Page:
Dashboard Page:
Movie Page:

Avtar header bar Page:

Breadcrumbs operation Page:

Select option code Page:

Tasks Page:
Event Page:
6.Advantages and Limitations
Advantages of the System
1. Centralized Content Management
o All event data, tasks, files, and publishing are managed from one
platform, improving organization and efficiency.
2. User Role Flexibility
o Different users (admins, organizers, participants) can perform
specific actions based on their roles.
3. Easy File Handling
o Files related to events can be uploaded, stored, and accessed
conveniently.
4. Task Management
o Helps assign and track tasks efficiently with due dates and
statuses.
5. Real-time Publishing
o Events can be drafted, updated, and published instantly, improving
communication and visibility.
6. Improved Collaboration
o Multiple users can work on the same event (e.g., uploading files,
assigning tasks) without confusion.
7. Scalability
o Easily add more events, tasks, users, or files as the organization
grows.
8. User-friendly Interface
o Simple navigation and minimal training required for new users.
Limitations of the System
1. Limited Offline Access
o The system needs internet access; offline use is not possible.
2. Basic Security
o If not enhanced, file uploads and user authentication could be
vulnerable to security breaches.
3. No Advanced Analytics
o Basic dashboarding only; complex reports or data analytics are not
integrated.
4. Scalability Bottlenecks
o As the number of events and files grows extremely large,
performance may slow down without backend optimization.
5. Manual Publishing Flow
o Publishing an event requires manual clicks; no automatic
scheduled publishing feature.
6. Single File Type Restrictions
o Might not support all file types if not explicitly coded (like very
large video files or specific file formats).
7. Limited Notification System
o No built-in system notifications for deadlines, task completions,
etc. (could be added later).
7.Future Enhancement
1. Advanced Notification System
 Add email/SMS notifications for:
o Upcoming task deadlines
o Event publishing updates
o New file uploads
 Push notifications support for mobile apps.
2.Role-based Permissions Enhancement
 Create more granular permissions:
o Admins, Editors, Viewers
o Different access levels for different event operations.
3. Calendar Integration
 Integrate with Google Calendar, Outlook, etc.
 Allow users to sync events and tasks directly to their calendars.
4.Mobile App Development
 Build a dedicated Android/iOS app for better mobile experience.
 Offline event access and task updates through mobile apps.
5. Search and Filter Improvements
 Advanced search based on:
o Event Name
o Task Status
o Uploaded File Type
 Filter events by date range, status, and organizers.
8.Bibliography
1.ReactJS Official Documentation
React – A JavaScript library for building user interfaces
https://reactjs.org/docs/getting-started.html
2. MDN Web Docs
Comprehensive resources for HTML, CSS, JavaScript, and Web APIs
https://developer.mozilla.org/
3.W3Schools
Web development tutorials and reference materials
https://www.w3schools.com/
4.React Router Documentation
For navigation and routing in React applications
https://reactrouter.com/en/main
5.Lucide React Icons Documentation
Icon library used for UI elements
https://lucide.dev/
6.GitHub
For accessing open-source components and libraries
https://github.com/
7. Stack Overflow
Community-based troubleshooting and best practices
https://stackoverflow.com/
8.CSS Tricks
Advanced CSS techniques and tutorials
https://css-tricks.com/
9.GeeksforGeeks
Programming concepts and coding best practices
https://www.geeksforgeeks.org/