DEPARTMENT OF COMPUTER ENGINEERING

2022-23-Sem-II

INTERNSHIP DIARY

Roll.No:09

Name of the student: Mukund Chamriya

Name of the company: Print Media

Title of the internship:Web Development

Start date: 20-03-2023.

End date: On Going

Internal mentor: Internship Co-ordinator: HOD:

Asst. Prof. Shruti.P.Naik, Asst. Prof. Shruti.P.Naik, Dr.Nisha Auti,
Computer. Computer Computer
 ABSTRACT

The main objective of this internship was WEBSITE DESIGN

AND DEVELOPMENT. Several programming languages that are in use to
develop a web based application or software. Some of them are only used for
the UI and the frontend of the application, some are used for the backend
design of the software. For example- HTML5, CSS, Nodejs etc.
are some programming languages used to develop the frontend as well
as Backend of an application. There is also some ReactJS framework that
is used vastly. Frameworks are basically structured programming by using
Model, View, and Controller. It is also called as MVC. If we develop
web based application that is very useful for us because we can access it from
anywhere of the world. It is very helpful for our daily life. That is why I
choose subject of my report is WEBSITE DESIGN AND DEVELOPMENT.
Working in Print Media added huge experiences in my upcoming career.
Solving real life problems was another key issue. This report takes us
through all the details of WEBSITE DESIGN AND DEVELOPMENT
knowledge and experience gathered during this internship period.
 Day & Date: Saturday: Monday, 20/03/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Project Introduction :

Today marks the first day of my internship at Print Media, a dynamic and
forward-thinking company. As I arrived at the office, I couldn't help but feel a bit
nervous about what the day would hold. However, as soon as I met the owner, I
was immediately put at ease.

My supervisor gave me a tour of the office and introduced me to everyone.

I was pleasantly surprised by the warm and welcoming atmosphere. The team
was excited to have me on board and eager to help me get started.

Throughout the day, I had the opportunity to attend various meetings and
learn more about the company's vision and goals. It was fascinating to see how
Print Media is using fabulous sales and marketing techniques to increase their
business exponentialy

During my lunch break, I had the chance to connect with some of my

colleagues, who shared valuable insights about their experiences working in the
corporate world. It was inspiring to hear their stories and perspectives.
Day & Date: Saturday: Tuesday, 21/03/2023

Timing of the session: 5:30pm 7.30pm

Concept learnt:

Resource Allocation :

Today was my second day at Print Media, and I must say, it was another
fantastic day at the company. The atmosphere is truly electric, and I am excited
to learn from some of the best professionals in the industry.

I started the day by attending a meeting with my manager, where we

discussed the company's ongoing projects and priorities. The manager is highly
skilled and has a deep understanding of the company's mission and values. I felt
truly motivated to be a part of such a dynamic group.

During the meeting, the manager informed me that they would provide all
the resources necessary for building a website. They laid out the plan for the
website and assigned tasks to me. I am thrilled to be working on this project as
it will give me a chance to develop my web development skills while
contributing to the company's success.

Throughout the day, I was given access to various tools and resources to
aid in the website development process. The Manager was very supportive,
providing guidance on how to use the tools and answering any questions I had.

Overall, it was another great day at Print Media. I am grateful for the
opportunities this internship is providing me, and I am excited to continue
learning and contributing to the company's success. I can't wait to see what the
rest of the internship has in store for me
Day & Date: Saturday: Thrusday, 23/03/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

HTML: I have learned the basics of HTML, including how to create a basic web
page structure using HTML tags, such as <html>, <head>, and <body>.

CSS: Cascading Style Sheets is a stylesheet language used for describing the
presentation of a document written in HTML. I have learned the basics of CSS,
including how to apply styles to HTML elements using CSS selectors and
properties.

Web Browsers: I have learned how to use web browsers, such as Google
Chrome or Mozilla Firefox, to view and interact with web pages.

Semantic HTML: I have learned about the importance of using semantic

HTML, which means using HTML tags that convey meaning and structure to
the content of a web page. This includes using tags like <header>, <nav>,
<main>, <article>, <section>, and <footer> to structure the content of a web
page.
Day & Date: Saturday: Friday, 24/03/2023

Timing of the session: 5:30-7.30am

Concept learnt:

Responsive Design: I have learned about the importance of responsive design,

which means designing web pages that are optimized for different screen sizes
and devices, such as desktops, laptops, tablets, and smartphones. I have learned
about techniques like media queries and flexible layouts to achieve responsive
design.

Git & Git hub: I have learned about Git, which is a version control
system used
for
tracking changes to source code. I have learned how to use Git to create and
manage a code repository, commit changes, and collaborate with other
developers.

Debugging: I have learned about how to debug HTML and CSS code using web
browser developer tools, such as the Chrome Dev-Tools or Firefox Developer
Edition. I have learned how to use these tools to inspect and modify HTML and
CSS, debug errors, and optimize web page performance.
Day & Date: Saturday, 25/03/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

JavaScript Basics: I have learned the basics of JavaScript, including data

types, variables, operators, conditionals, and loops. I have learned how to write
simple JavaScript programs to manipulate HTML elements, respond to user
events, and perform calculations.

DOM Manipulation: I have learned about the Document Object Model

(DOM), which is a programming interface for web documents. I have learned
how to use JavaScript to manipulate the DOM, including adding and
removing HTML elements, changing element attributes, and responding to user
events.

Responsive Images: I have learned about the importance of using

responsive images, which means optimizing images for different screen
sizes and resolutions. I have learned about techniques like using the
<picture> element, srcset and sizes attributes, and CSS background images to
achieve responsive images.

Browser Compatibility: I have learned about the importance of testing

web pages on different web browsers and devices to ensure compatibility. I
have learned about techniques like browser testing tools, feature
detection, and graceful degradation to achieve browser compatibility.
 Weekly Summary
The first week was very informative as i have learned so many new things
which is given below

1. HTML
2. CSS
3. Responsive Design

HTML : I have learnt how to use HTML to create your own web site.HTML is
the universal markup language for the Web. HTML lets you format text, add
graphics, create links, input forms, frames and tables, etc., and save it all in a
text file that any browser can read and display.

CSS : CSS allows us to style our HTML pages. CSS gives you total control of
the layout, without messing up the document content.IT is a stylesheet language
used for describing the presentation of a document written in HTML

Responsive Design: I have learned about the importance of responsive design,

which means designing web pages that are optimized for different screen sizes
and devices, such as desktops, laptops, tablets, and smartphones. I have learned
about techniques like media queries and flexible layouts to achieve responsive
design.
Day & Date: Monday, 27/03/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Server-side Programming: I have learned about server-side programming

languages, such as Node js, Python. I have learned how to use these languages to
write server-side scripts that process data, interact with databases, and generate
dynamic web pages.

Relational Databases: I have learned about relational databases, which are a

type of database that organizes data into Key-value pair .
I have learned about No SQL, which is a programming language used to
manage and manipulate data in relational databases.

Firebase: The power of Firebase is amazing. The real-time database feature

allowed me to easily sync data across multiple devices and platforms. And the
authentication feature made it easy for me to create a secure user login system.
Day & Date: Wednesday, 29/03/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Operation on firebase: I learned implementing Firebase CRUD functionality

into my project. I started by setting up the Firebase project and configuring the
Firebase SDKs. Then, I created a Firestore database and connected it to my app.

Using Firebase's real-time database, I was able to easily create, read, update, and
delete data in my app. The process was simple and straightforward, and I was
impressed by how quickly I was able to get it up and running.

With Firebase's security rules, I was able to ensure that only authorized users had
access to the data. The Firebase console also provided me with useful insights and
analytics on how my data was being used.

Overall, my experience with Firebase CRUD was excellent. It allowed me to

build a robust backend for my app quickly and efficiently, and I look forward to
exploring more of Firebase's capabilities in the future.
Day & Date: Friday, 31/03/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Git & Github: Today I learned about Git & Github and I uploaded my project
on Github. It was a moment of pride and accomplishment as I shared my work
with the world.

My superiors were happy with my progress and impressed by the quality of my

work. They appreciated my efforts in making the project scalable and
maintainable. They were also happy that I followed the industry-standard
practices for code organization and documentation.

Github provided me with a platform to showcase my work and collaborate with

other developers. It also gave me an opportunity to receive feedback and improve
my skills.

Overall, it was a great experience, and I am thrilled to see my project live on

Github. I look forward to contributing to the open-source community and
continuing to learn and grow as a developer.
 Weekly Summary
The first week was very informative as i have learned so many new things
which is given below

1. ServersSide Programming
2. Operation on Firebase
3. Git & Github

This week was focused on server-side programming, Firebase, and Git and
Github.

In terms of server-side programming, I learned how to use Node.js and

Express to build a RESTful API. This allowed me to handle database
operations and improve the scalability and performance of my project.

In terms of Firebase, I used Firebase Cloud Functions to perform serverless

operations on my Firebase project. I also used Firebase Storage to store
images and Firebase Authentication to manage user accounts.

Finally, in terms of Git and Github, I continued to use these tools for version
control and collaboration with my team. I learned how to use advanced Git
commands such as rebase and cherry-pick to manage code changes and
resolve conflicts.

Overall, this week was full of challenging but rewarding learning

experiences, and I look forward to applying these skills in future
updates of my project.
Day & Date: Monday, 03/04/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Responsive Web Design: Today I worked on making my project responsive

for mobile devices. I started by analyzing the design and layout of my project
and identifying the elements that needed adjustment.

I used media queries and responsive design techniques to adjust the layout and
make it suitable for mobile screens. I also optimized the images and fonts to
ensure fast loading times on mobile devices.

After several iterations and testing, I was able to achieve a fully responsive design
that looked great on both desktop and mobile devices.

Making my project responsive was crucial as more and more users access
websites and apps on their mobile devices. I am proud of the work I did today,
and I am confident that my efforts will enhance the user experience and make my
project more accessible to a wider audience.

Accessibility: I have learned about the importance of accessibility in

web development, including designing web pages that can be used by people
with disabilities. I have learned about accessibility standards and guidelines,
such as the Web Content Accessibility Guidelines (WCAG), and
techniques for implementing accessibility, such as using alt tags for
images and providing captions for videos.
Day & Date: Wednesday, 05/04/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

CSS Frameworks: Today I worked on the styling of my project using Mantine

and Bootstrap. Both libraries provided me with a robust set of CSS tools
and components to create a modern and polished user
interface.

Mantine's theming system allowed me to customize the colors and typography of

my project easily. The library's components, such as buttons and forms, made it
easier to implement common UI elements quickly.

Bootstrap's grid system was also useful in creating a responsive layout for my
project. The library's CSS classes and utilities provided me with a quick and
efficient way to style my HTML elements.

Overall, using Mantine and Bootstrap for styling was a great decision. It saved me
a lot of time and effort and allowed me to focus on the functionality of my project.
I am pleased with the result and look forward to using these libraries in
future projects.
Day & Date: Friday, 07/04/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Front-end Frameworks: Today I continued to work with React JS as the

frontend of my project. React JS is a powerful and popular library that makes
building complex user interfaces a lot easier.

I started by creating the basic components of my project using React's component-

based architecture. I used JSX to define the structure and logic of each component
and leveraged React's state management to manage user interactions.

I also used React Router to manage the navigation of my application, allowing

users to move between different pages without reloading the entire app.

React's virtual DOM made my project faster and more responsive, while its
debugging tools allowed me to identify and fix errors quickly.

Overall, working with React JS was a great experience. Its efficient development
process and powerful tools helped me to create a modern and responsive UI for
my project. I look forward to exploring more of its features and capabilities in
future projects.
 Weekly Summary
The first week was very informative as i have learned so many new things
which is given below

1. Responsive Web Design

2. CSS Frameworks
3. Front-end Frameworks

This week was focused on responsive web design, CSS frameworks, and front-
end frameworks.

In terms of responsive web design, I used media queries and Flexbox to make
my project responsive for different screen sizes. This helped me improve the
user experience and attract more traffic to my website.

In terms of CSS frameworks, I used Mantine and Bootstrap to give my project a

professional and consistent look and feel. I also customized the CSS styles to
match my project's branding.

Finally, in terms of front-end frameworks, I used React.js to build dynamic and

interactive user interfaces. I learned how to use React components, hooks, and
context to manage state and improve performance.

Overall, this week was full of exciting learning experiences, and I look forward
to applying these skills in future updates of my project.
Day & Date: Monday, 10/04/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Implementing user Login page : Today I implemented user registration

functionality in my project. I started by creating a user interface that allowed
users to enter their registration details such as email, password, and username.

I used Firebase's authentication service to handle user registration and

implemented validation checks to ensure that the user's input was correct. I also
created a feedback system to let users know if their registration was successful
or if there were any errors.

I also implemented security measures such as password encryption to ensure the

user's data was secure. The registration process was smooth and straightforward,
and I was pleased with the result.

Overall, implementing user registration was crucial for my project's success, and
I am happy that I accomplished this task today. I look forward to building on
this functionality in future updates of my project.
Day & Date: Wednesday, 12/04/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Backend Devlopment: Today I created a database to store users in my project.

I used Firebase's real-time database to manage user data and designed a schema
that defined the structure and relationships between different data types.

I started by defining the user object and its properties, such as email, password,
and username. I also created a sub-object to store additional user information,
such as their profile picture and bio.

I used Firebase's SDK to handle user data operations, such as adding, editing, and
deleting users. I also implemented security rules to ensure that only authorized
users could access and modify user data.

I started by setting up my Firebase project and configuring Firebase Storage to

handle image uploads. I created a user interface that allowed users to upload
images and used Firebase Storage's SDK to manage the uploading and
downloading of files.

Firebase Storage's security rules were also useful in controlling access to files and
ensuring that only authorized users could view or modify images.

Overall, using Firebase Storage for image storing was a great decision. It provided
me with a secure and scalable solution for storing images in my project. I am
happy with the result, and I look forward to expanding this functionality in future
updates of my project.
Day & Date: Friday, 14/04/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

MongoDB : Toda I migrated the database of my project from Firebase

to MongoDB. While Firebase's real-time database was great for getting
started quickly, I realized that MongoDB's document-based data model was
better suited to my project's needs.

I started by designing the data schema for MongoDB and migrating the data from
Firebase to MongoDB using a custom migration script. I also updated my backend
code to use MongoDB's SDK instead of Firebase's SDK.

The migration process was not without its challenges, as I had to ensure that all
data was migrated accurately and that my application's functionality was not
affected.

Overall, migrating the database from Firebase to MongoDB was a significant

decision for my project's scalability and performance. Although it was
challenging, I am happy with the result and look forward to leveraging
MongoDB's capabilities in future updates of my project.
Day & Date: Saturday, 15/042/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Authentication and Authorization: I have learned about the importance

of authentication and authorization in web development, including techniques
for user authentication (e.g., username/password, OAuth) and authorization
(e.g., role-based access control). I have also learned about common
authentication and authorization vulnerabilities and how to prevent them.

Security Best Practices: I have learned about security best practices in

web development, including techniques for securing web applications, such as
input validation, encryption, and secure coding practices. I have also learned
about common security vulnerabilities, such as SQL injection and cross-site
scripting (XSS), and how to prevent them.

Web Servers: I have learned about web servers and how they are used in
web development to serve web pages and other resources to clients. I have
learned about popular web server technologies, such as Apache and Nginx, and
how to configure and manage them.

DevOps: I have learned about DevOps, which is the practice of

integrating development and operations processes to improve the speed,
reliability, and quality of software development. I have learned about different
DevOps tools and techniques, such as continuous integration and continuous
deployment (CI/CD) pipelines, and how to use them in web development.
 Weekly Summary
The first week was very informative as i have learned so many new things
which is given below

1. Backend Devlopment
2. Authentication and Authorization
3. Web Servers
4. DevOps:

This week was focused on backend development, authentication, web servers,

and DevOps.

In terms of backend development, I used Node.js and Express to build a RESTful

API that interacted with a MongoDB database. This allowed me to handle
authentication, data retrieval, and data manipulation.

In terms of authentication, I used Firebase Authentication to manage user

accounts and secure my project's endpoints. This helped me improve the security
and privacy of my users' data.

Finally, in terms of DevOps, I used Docker to containerize my project's

components and automate the deployment process. This helped me improve the
consistency and reliability of my project's environment.

Overall, this week was full of challenging but rewarding learning experiences,
and I look forward to applying these skills in future updates of my project.
Day & Date: Tuesday, 18/04/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Web Performance Optimization: I have learned about web

performance optimization, which involves improving the speed and
responsiveness of web pages. I have learned about techniques for optimizing
web page loading times, such as minimizing HTTP requests, compressing
images, and using browser caching.

Content Delivery Networks (CDNs): I have learned about content

delivery networks (CDNs), which are networks of servers that can be used
to deliver web content to users from a server that is geographically closer to
them. I have learned about how CDNs can improve web performance and
how to use popular

Search Engine Optimization (SEO): I have learned about search engine

optimization (SEO), which involves improving the visibility of web pages in
search engine results pages. I have learned about techniques for optimizing web
pages for search engines, such as using relevant keywords, creating high quality
content, and optimizing page titles and meta descriptions.

Web Analytics: I have learned about web analytics, which involves

collecting and analyzing data about website traffic and user behavior. I have
learned about popular web analytics tools, such as Google Analytics, and how
to use them to track website traffic, user demographics, and other important
metrics.
Day & Date: Thrusday, 20/04/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

React Router DOM to Add Routes : Today I implemented React Router

DOM to add routes to my project. React Router DOM is a popular library that
allows for dynamic routing in single-page applications.

I started by installing the React Router DOM library and creating a router
component to wrap my application. I then defined the routes and associated
components using the Route component from React Router DOM.

I also used the Link component to create navigation links that allowed users to
navigate between different routes within my application.

Overall, implementing React Router DOM was a crucial step in making my

application more dynamic and user-friendly. It allowed me to create a more
structured and organized navigation flow and provided a better user experience.
I am happy with the result and look forward to leveraging React Router DOM's
capabilities in future updates of my project.
 Weekly Summary
The first week was very informative as i have learned so many new things
which is given below

1. Search Engine Optimization (SEO)

2. React Router Dom

In terms of deployment, I continued to use various services such as Firebase

Hosting, to deploy my project to the web. I also learned how to set up a continuous
deployment pipeline using tools like Jenkins and CircleCI, which streamlined the
deployment process and improved the stability of my application.

In terms of SEO, I continued to optimize my website's content and meta tags to

improve its visibility on search engines. I also learned how to use tools like Ahrefs
and Screaming Frog to perform site audits and identify opportunities for
improvement.

With respect to React Router Dom, I continued to use this tool to manage my
project's routing and navigation. I also learned how to implement client-side and
server-side rendering using tools like React Helmet and Next.js, which improved
the performance and SEO of my website.
Day & Date: Monday,01/05/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Deployment: Today I deployed my project on Firebase. Firebase is a

popular hosting platform that allows for easy deployment of web applications.

I started by configuring my project for production and optimizing its

performance and security. I then created a Firebase project and connected it to
my local project using Firebase's CLI.

Next, I used Firebase's hosting service to deploy my project and set up custom
domains and SSL certificates for added security.

Finally, I used Firebase's analytics and performance monitoring tools to track

my application's performance and identify areas for improvement.

Overall, deploying my project on Firebase was a crucial step in making it

accessible to users and improving its performance and security. I am happy
with the result and look forward to continuing to use Firebase's capabilities in
future updates of my project.
Day & Date: Thrusday, 04/05/2023

Timing of the session: 5:30pm - 7.30pm

Concept learnt:

Performance Optimization: I have learned about performance

optimization, which involves improving the speed and efficiency of web
applications. I have learned about techniques for optimizing web application
performance, such as using caching, minimizing network requests, and
optimizing images and videos.

Web Security: I have learned about web security, which involves

protecting web applications from malicious attacks and vulnerabilities. I
have learned about common web security threats, such as cross-site scripting
(XSS) and SQL injection, and techniques for securing web applications, such
as using HTTPS, input validation, and access control.

Testing: I have learned about testing, which involves verifying that

web applications and their components work as intended. I have learned
about different types of testing, such as unit testing, integration testing, and
end-to end testing, and how to use testing frameworks, such as Jest and
Selenium, to automate testing.
 Weekly Summary
The first week was very informative as i have learned so many new things
which is given below

1. Deployment
2. Testing

In terms of deployment, I continued to use various services such as Firebase

Hosting, to deploy my project to the web. I also learned how to set up a continuous
deployment pipeline using tools like Jenkins and CircleCI, which streamlined the
deployment process and improved the stability of my application.

In terms of SEO, I continued to optimize my website's content and meta tags to

improve its visibility on search engines. I also learned how to use tools like Ahrefs
and Screaming Frog to perform site audits and identify opportunities for
improvement.

With respect to React Router Dom, I continued to use this tool to manage my
project's routing and navigation. I also learned how to implement client-side and
server-side rendering using tools like React Helmet and Next.js, which improved
the performance and SEO of my website.

Finally, in terms of testing, I learned how to write automated tests using

frameworks like Jest and Enzyme. This allowed me to catch bugs and regressions
earlier in the development process and improve the overall quality of my code.

Overall, this week was filled with a lot of useful learning experiences, and I feel
more confident in my ability to deploy, optimize, and test web applications using
these tools and techniques.
Review Date:

Suggestions for improvement:

1.
2.
3.

Internal mentor: Internship Co-ordinator: HOD:

Prof. Mansi Namose, Asst. Prof. Shruti.P.Naik, Dr.Nisha Auti,
Computer. Computer Computer