BLDE Association’s Commerce, BHS Arts & TGP

Science College, Jamkhandi-587301

(NAAC 4th Cycle Accredited with “A” Grade CGPA : 3.14)

INTERNSHIP REPORT

A report submitted in partial fulfilment of the requirements for the Award of Degree of

BACHELOR OF COMPUTER APPLICATION

by
Laxmi Mullur

Reg. No.: U15IG21S0024

Under Supervision of

Mr. Manoj Narayankar,HR

(Edureka Learning Center)

(Duration: From 24th April to 31st May 2024)

 BLDE Association’s Commerce, BHS Arts & TGP
Science College, Jamkhandi-587301
(NAAC 4th Cycle Accredited with “A” Grade CGPA : 3.14)

CERTIFICATE

This is to certify that the “Internship report” submitted by Laxmi Mullur (Regd.
No.: U15IG21S024) is work done by her and submitted during 2024 – 2025
academic year, in partial fulfillment of the requirements for the award of the degree
of BACHELOR OF COMPUTER APPLICATION at Commerce BHS arts and
TGP Science College Jamkhandi.

College Internship Coordinator HOD Principal

Prof. S S Umadi Prof. B. K. Galagali Dr. P.D.POL
Company certificate
ACKNOWLEDGEMENT

I would like to extend my sincere gratitude to all those who made my full-stack web
development internship a highly enriching experience.

First and foremost, I would like to thank Edureka Learning Center for providing me
with this incredible opportunity. The hands-on experience and real-world projects
have significantly enhanced my skills and knowledge in web development.

I am deeply grateful to my mentor, Manoj Narayankar, for their continuous support,

guidance, and patience. Your expert advice and constructive feedback were invaluable
in helping me grow as a developer.

I also want to express my appreciation to the entire development team for their
collaboration and encouragement. Working alongside such a talented group of
individuals was both inspiring and educational.

Additionally, I would like to acknowledge my academic institution, BLDEA’s

COMMEREC B.H.S ARTS AND T.G.P SCIENCE COLLEGE JAMKHANDI, for
supporting my professional growth and facilitating this internship.

Lastly, I am thankful to my family and friends for their unwavering support and
encouragement throughout this journey.

Thank you all for contributing to this rewarding experience.

Sincerely,

Laxmi Mullur
ABSTRACT

This report summarizes a four-week internship program designed to provide practical

and theoretical knowledge in web development, programming, and project
management. The curriculum covered HTML, CSS, JavaScript, Node.js, React,
Thunkable, Pictoblox, SQL, and Agile methodology, equipping participants with
essential skills for modern software development and project management.

Participants began by learning HTML and CSS, focusing on creating and styling web
pages. Topics included HTML document structure, semantic tags, forms, CSS
selectors, the box model, flexbox, grid layouts, and responsive design principles.
JavaScript training included syntax, variables, functions, DOM manipulation, objects,
arrays, and asynchronous programming. Node.js sessions covered server-side
JavaScript, setting up servers, and handling HTTP requests.

React training involved building interactive UIs with components, props, state
management, JSX, hooks, the Context API, and React Router. Thunkable sessions
provided hands-on experience with visual programming for mobile apps, covering
components, blocks, and API integration. Pictoblox training focused on graphical
programming, creating interactive projects with blocks and scripts, and integrating
hardware and sensors.

SQL training introduced relational database management, query writing, JOIN

operations, database normalization, and integrating SQL with Node.js for CRUD
operations. Agile methodology training covered Agile principles, the Scrum
framework, Kanban, and practical implementation, including user stories, sprint
planning, and retrospectives.

This internship effectively combined theoretical instruction with practical exercises,

providing a solid foundation in modern technologies and methodologies essential for a
career in software .
LEARNING OBJECTIVES/INTERNSHIP OBJECTIVES

1. Introduction to HTML
 Overview of HTML and its importance.
 Creating headings, paragraphs, and lists.
 Adding images and links.
2. Advanced HTML
 Tables and their usage.
 Forms and form elements.
 Semantic HTML5 tags.
3. Introduction to CSS
 Basics of CSS and how to link it to HTML.
 Selectors, properties, and values.
 Styling text, fonts, and colors.
4. Advanced CSS
 Box model (margin, padding, border).
 Layout techniques (flexbox, grid).
 Media queries.
5. Introduction to JavaScript
 Basics of JavaScript syntax and structure.
 Basic functions and events.
 DOM manipulation.
6. Advanced Web Development and React
 Objects and arrays.
 Creating a basic server with Node.js
7. React, Thunkable, and Pictoblox
 Setting up a React app using Create React App.
 Creating a simple app with Thunkable.
 Publishing and testing Thunkable apps.
 Overview of Pictoblox and its features.
 Creating a basic project in Pictoblox.
8. SQL and Agile Methodology
 Creating and managing databases.
 Complex queries with JOINs.
 Overview of Agile principles and values.
 Sprint planning and execution.
WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

25-04-24 Thursday Installation of Sublime Text Editor,VS Code Editor

26-04-24 Friday Introduction to HTML,

Basic Structure & Common Elements
1st WEEK

27-04-24 Saturday Introduction to CSS Basic Syntax, Styles & Selectors of

CSS
28-04-24 Sunday HOLIDAY

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

29-04-24 Monday Practice Work on HTML CSS
30-04-24 Tuesday Introduction to JavaScript & Its Function Creation
01-05-24 Wednesday Practice Work on HTML,CSS With JS Function
2nd WEEK

02-05-24 Thursday Introduction & Installation of PictoBlox

03-05-24 Friday Snake Game on PictoBlox
04-05-24 Saturday How to Create Ordering page
05-05-24 Sunday HOLIDAY
 DATE DAY NAME OF THE TOPIC/MODULE COMPLETED
06-05-24 Monday Introduction to Thunkable PHOTO RECOGNIZATION
07-05-24 Tuesday HOLIDAY(Election)
08-05-24 Wednesday Introduction to SQL and Languages
3rd WEEK

09-05-24 Thursday Thunkable BMI CALCULATOR

10-05-24 Friday Solve the SQL queries in Types of clause
11-05-24 Saturday Introduction and installation of XAMMP and SET UP
12-05 -24 Sunday HOLIDAY

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

13-05-24 Monday Introduction to PHP
14-05-24 Tuesday Creating Database and table in phpMyAdmin
15-05-24 Wednesday Database Connection
16-05-24 Thursday Explain Queries With JOIN’s and SQL Language
4th WEEK

(DDL , DML , DCL , TCL)

17-05-24 Friday Introduction to Agile Methodology Life Cycle (SDLC)
18-05-24 Saturday Introduction and Installation of ReactJs
19-05 -24 Sunday HOLIDAY

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

20-05-24 Monday Verifying & Creating the new React Application
About PHP
21-05-24 Tuesday Website using html, css, javascript
5th WEEK

22-05-24 Wednesday How to Create Login page using React js.

23-05-24 Thursday How to Build Linkdin profile
24-05-24 Friday Building Resume
HTML

 Introduction: HTML (Hypertext Markup Language) is the standard language

for creating web pages. It describes the structure of a web page.
 Elements: HTML elements are the building blocks of HTML pages. Examples
include <div>, <h1>, <p>, <a>, and <img>.
 Attributes: HTML attributes provide additional information about elements,
such as href for links and src for images.
 Forms: HTML forms collect user input and are used to submit data to a server.
 Semantic HTML: HTML5 introduces semantic elements like <header>,
<footer>, and <article> to improve the readability and accessibility of web
pages.

CSS

 Introduction: CSS (Cascading Style Sheets) is used to style and layout web
pages, controlling the appearance of HTML elements.
 Selectors: CSS selectors target HTML elements to apply styles. Examples
include class selectors (.className), ID selectors (#idName), and element
selectors (elementName).
 Box Model: The box model describes the layout of HTML elements, including
margin, border, padding, and content.
 Flexbox and Grid: Modern layout techniques in CSS that provide flexible and
efficient ways to create complex layouts.
 Responsive Design: Techniques to create web pages that work well on different
devices and screen sizes, often using media queries.

JavaScript

 Introduction: JavaScript is a programming language that allows you to

implement complex features on web pages, such as interactive content,
animations, and data handling.
 Syntax: JavaScript uses a syntax similar to other programming languages, with
variables, functions, loops, and conditional statements.
 DOM Manipulation: JavaScript can interact with and modify the Document
Object Model (DOM), the structure of HTML documents.
  Asynchronous JavaScript: Techniques like callbacks, promises, and
async/await are used to handle asynchronous operations, such as fetching data
from an API.

pictoblox

 Introduction: Pictoblox is a graphical programming environment based on

Scratch. It's used to create interactive projects with visual blocks.
 Blocks: Pictoblox uses blocks to represent code, making it easy to create
programs without writing text-based code.
 Sensors and Hardware: Pictoblox supports various sensors and hardware
components, allowing you to create projects that interact with the physical
world.

Mini project on Snake Game:

Sublime Text

Sublime Text Editor is a full featured Text editor for editing local files or a code base.
It includes various features for editing code base which helps developers to keep track
of changes. Various features that are supported by Sublime are as follows

 Auto Indentation
 File Type Recognition
 Sidebar with files of mentioned directory
 Macros
 Plug-in and Packages

Sublime Text editor is used as an Integrated Development Editor (IDE) like Visual
Studio code and NetBeans. The current version of Sublime Text editor is 3.0 and is
compatible with various operating systems like Windows, Linux and MacOs.
 REGISTATION FORM

<html>
<table align="center">
<tr>
<td> <div style="background-color:yellow;height: 200px;width: 500px;background-
image:url('blde.JPEG');"><br></div>
</td>
<table align="center">
<tr>
<td> FILL THE FROM DETAILS</td>
</tr>
</table>

</tr>

</table>
<hr style="border:5px solid skyblue;">
<div style="background-color: palevioletred;height: 500px;width: 900px;margin-left:250px;">
<table align="center" width="100%">
<tr>
<td> First Name : </td>
<td> <input type="text"></td>
</tr>
<tr>
<td> Last Name: </td>
<td> <input type="text"></td>
</tr>
<tr>
<td> Address: </td>
<td> <input type="text"></td>
</tr>
<tr>
<td> Email id: </td>
<td> <input type="text"></td>
</tr>
<tr>
<td> Contact : </td>
<td> <input type="Number"></td>
</tr>
<tr>
<td> Date of birth: </td>
<td> <input type="Date"></td>
</tr>

<tr>

<td> Gender </td>

<td> <input type="radio"> male
<input type="radio"> female

</td>
</tr>

<tr>
<td> Course: </td>
<td> <select>
<option> BCA</option>
<option> BBA</option>
<option> BA</option>
<option> BCOM</option>
<option> BSC</option>

</select></td>
</tr>
<tr>
<td>Medium </td>
<td> <input type="checkbox"> Kannada
<input type="checkbox"> English
</td>
</tr>
<tr>
<td></td>
<td> <button onclick="myfun()"> Submit</button>
<marquee><h1>THANK YOU</h1>
</td>
</tr>

</div>
</html>

<style>
input[type=text]
{
width: 100%;
padding:12px 20px;
}
input[type=number]
{
width: 100%;
padding:12px 20px;
}
input[type=date]
{
width: 100%;
padding:12px 20px;
}
button
{
width: 100%;
background-color: green;
color: white;
padding: 12px 20px;
}

</style>

<script>
function myfun()
{
alert("submited successfully!")
}
</script>
Output:
Before Registration
After Registration
XAMPP

XAMPP is a free and open-source cross-platform web server solution stack package
developed by Apache Friends, consisting mainly of the Apache HTTP
Server, MariaDB database, and interpreters for scripts written in
the PHP and Perl programming languages. Since most actual web server deployments
use the same components as XAMPP, it makes transitioning from a local test server to
a live server possible.
Features
 XAMPP is regularly updated to the latest releases
of Apache, MariaDB, PHP and Perl.
 It also comes with a number of other modules,
including OpenSSL, phpMyAdmin, Media Wiki, Joomla, WordPress and more.
 Self-contained, multiple instances of XAMPP can exist on a single computer,
and any given instance can be copied from one computer to another.
 XAMPP is offered in both a full and a standard version (Smaller version).

XAMPP also provides support for creating and manipulating databases

in MariaDB and SQLite, among others.

PHP Introduction

PHP code is executed on the server.

Meaning of PHP

 PHP is an acronym for "PHP: Hypertext Preprocessor".

 PHP is a widely-used, open source scripting language.
 PHP scripts are executed on the server.
 PHP is free to download and use.

PHP File

 PHP files can contain text, HTML, CSS, JavaScript, and PHP code.
 PHP code is executed on the server, and the result is returned to the.
browser as plain HTML.
 PHP files have extension ".php".
 SQL

 Introduction: SQL (Structured Query Language) is used to manage and

manipulate relational databases.
 Queries: SQL queries are used to retrieve, insert, update, and delete data in a
database. Common commands include SELECT, INSERT, UPDATE, and
DELETE.
 Joins: Joins are used to combine data from multiple tables based on related
columns.
 Normalization: Database normalization involves organizing data to reduce
redundancy and improve data integrity.

Agile Methodology

 Introduction: Agile is an iterative approach to project management and

software development that focuses on delivering small, incremental changes.
 Principles: Agile emphasizes collaboration, flexibility, and customer feedback.
The Agile Manifesto outlines key values and principles.
 Scrum: Scrum is a popular Agile framework that includes roles (e.g., Scrum
Master, Product Owner), ceremonies (e.g., daily stand-ups, sprint reviews), and
artifacts (e.g., product backlog, sprint backlog).

Kanban: Kanban is a visual workflow management method used to visualize work,

limit work in progress, and improve efficiency.

CONCLUSION
This report aims to provide a summary of my internship experience as a full stack web
Intern at Edureka. These one month helped me to gain a new perspective
professionally and personally. The organization has helped me to grow in various
areas such as communication, enhanced my writing skills, working as a team member,
meeting tight deadlines, and handling crises.
I am grateful for Edureka for allowing me to work and learn with them as a full stack
web intern and for believing and supporting me throughout my internship.

In today’s web development, a good site design is essential, a bad design will lead to
the bad visitors and that can lead to the loss of business. In general, a good page
layout must satisfy the basic elements of good page design. This includes color
contrast, test organization, font selection, style of a page, page size, graphics used and
consistency.