2

AGENDA
Introduction
Existing tool
Advantage and Disadvantage of existing tool
Technologies used
Feature and Functionalities
About Internship
 3

INTRODUCTION
• Our web app provides a streamlined platform for teachers to share
important notices, texts, and voice messages with students, ensuring
efficient and timely communication within the college community.

• Teachers can leverage multimedia capabilities to deliver messages

effectively, whether through concise text updates or detailed voice
recordings, catering to diverse learning preferences and enhancing
message clarity..

• By facilitating seamless interaction between teachers and students, our

application fosters a collaborative learning environment, promoting
active engagement and better communication between all stakeholders
in the educational process.
 4

EXISTING TECHNOLOGY
• WhatsApp groups facilitate instant communication between students and
educators, enabling quick dissemination of important announcements,
reminders, and class updates.

• They promote collaborative learning environments by providing a

platform for students to ask questions, share resources, and engage in
discussions with peers and teachers outside of the classroom.

• WhatsApp groups enhance accessibility to educational materials and

support, allowing students to access study materials, receive clarification
on concepts, and seek guidance from educators conveniently on their
mobile devices.
 5

INTRODUCTION
• Advantage
 WhatsApp offers real-time messaging capabilities, allowing users to
communicate instantly with individuals or groups, making it
convenient for quick conversations and sharing updates.

• Disadvantage.
 Managing large groups on WhatsApp can be challenging, especially in
educational settings where multiple classes or sections are involved,
leading to cluttered conversations and difficulty in organizing
information.
 6

TECHNOLOGIES USED
 React.js:
• Frontend JavaScript library for building interactive user interfaces.
 Express.js:
• Minimalist Node.js framework for handling server-side logic and routing.
 MongoDB:
• NoSQL database for storing and managing application data in JSON-like documents.
 Node.js:
• Server-side JavaScript runtime environment for building scalable backend logic.
 Firebase:
• Platform providing authentication, real-time database, cloud storage,
and hosting services.
 Tailwind CSS:
• Utility-first CSS framework for easily styling HTML elements and creating responsive
designs.
 7
FEATURES AND FUNCTIONARIES
• User Authentication: Implement user authentication using Firebase
Authentication to allow users (teachers and students) to sign up and log in

securely.

• Role-based Access Control: Define different roles (teacher, student)

and implement role-based access control (RBAC) to restrict access to

certain features and functionalities based on user roles.

• Text and Voice Messaging: Implement a messaging system that allows

teachers to send text and voice messages to individual students or groups of

students. Use technologies like Firebase Realtime Database for real-time

communication.
 8
FEATURES AND FUNCTIONARIES
• Announcements and Notices: Allow teachers to create and send

announcements and notices to students. This feature could include

text-based announcements as well as support for uploading files

(PDFs, documents, images).

• Calendar and Events: Create a calendar feature where teachers can

schedule events, classes, exams, and other important dates. Students can view

their schedules and receive reminders for upcoming events.

• Isolation : Using College email id student can enroll and able to see the
notification in the application.
 9

FEATURES AND FUNCTIONARIES

• Notifications: Implement push notifications or email notifications to alert
users about new announcements, upcoming events, assignment deadlines,

and other important updates.

• Responsive Design: Ensure that the web application is mobile-friendly

and responsive, allowing users to access and use the platform seamlessly

across devices (desktops, tablets, smartphones).

• Analytics and Reporting: Provide analytics and reporting features for

teachers to track student engagement, and other metrics to assess student

performance and identify areas for improvement.

 10

FEATURES AND FUNCTIONARIES

• Security: Other’s can’t able to access our application, only the students of
KHIT have the access our application.

• Data Visualization: Use data visualization libraries (e.g., Chart.js, D3.js) to

create interactive charts and graphs for visualizing student progress, class

performance, and other statistical data.

 11

ABOUT INTERNSHIP
• Internship:
• We are doing internship in full stack web developer using fallowing tool
• React.JS
• MongoDB
• Express.JS
• Node.JS

• Internship Project:
• As a part of our internship we have successfully completed assignments and

tasks with these technologies.

• Coming to final project, we have to do the Media Streaming application like

Gaana and Spotify

 12

ABOUT INTERNSHIP

• Project Abstraction
1. A music streaming application is a platform that allows users to listen the music over

internet with out the need of download the music files. Users can access vast library

of songs, albums and playlists on-demand, often for a monthly subscription fee.

2. User can listen any where, any thing on any device with an internet connection.

3. Apps use algorithms to suggest music based on user’s listening habit, creating a

personalized listening experience.

4. Changing music consumption habits: with the shift from physical media to digital,

users prefers the convenience of streaming over owning music

 13

PROJECT
 14

Thank You