INTERNSHIP IN FULL STACK

WEB DEVELOPMENT
NAME: MANTHAN LAVBHAI DHOLARIYA
ENROLLMENT NO.: 200470116008
SEMESTER: 8TH
COMPANY: SHALIGRAM INFOTECH
INTERNAL GUIDE: PROF. SWEETU D
SUREJA
EXTERNAL GUIDE: BHAVIK VAGHSIYA
HEAD OF THE DEPARTMENT:
DR.DARSHNA H. PATEL
I N T E R N S H I P I N F U L L S TA C K

COMPANY DETAILS
W E B D E V E LO P M E N T

COMPANY NAME: SHALIGRAM INFOTECH

COMPANY LOCATION: 3RD FLOOR, SHALIGRAM CORPORATES, C.J ROAD, AMBLI, AHMEDABAD, GUJARAT
380058

DOMAIN SELECTION: FULL STACK DEVELOPMENT

THERE ARE SEVERAL REASONS FOR CHOOSING THIS COMPANY, INCLUDING OPPORTUNITIES FOR CAREER
ADVANCEMENT, A POSITIVE COMPANY CULTURE, AND THE CHANCE TO CONTRIBUTE TO MEANINGFUL
PROJECTS THAT RESONATE WITH MY VALUES AND ASPIRATIONS.

2
I N T E R N S H I P I N F U L L S TA C K

COMPANY OVERVIEW
W E B D E V E LO P M E N T

SHALIGRAM INFOTECH IS A GLOBALLY RECOGNIZED MICROSOFT GOLD CERTIFIED PARTNER THAT

PROVIDES DEDICATED MICROSOFT DYNAMICS 365 DEVELOPMENT SERVICES. WE ALSO OFFER A WIDE
RANGE OF IT DEVELOPMENT SERVICES INCLUDING SOFTWARE DEVELOPMENT, WEB APP DEVELOPMENT,
MOBILE APP DEVELOPMENT, AND APP MIGRATION & MODERNIZATION SERVICES AMONG OTHERS.

BEING A RELIABLE IT SERVICES COMPANY, WE OFFER FULL-STACK DEVELOPMENT COVERING ALL THE
REQUIRED CUSTOMIZATIONS AND INTEGRATIONS TO BUILD HIGH-LEVEL ENTERPRISE SOLUTIONS.

WITH MORE THAN 8+ YEARS OF INDUSTRY EXPERTISE, WE HAVE GAINED GOOD EXPERIENCE IN
DESIGNING AND DEVELOPING SOFTWARE PROJECTS OF VARYING COMPLEXITIES FOR OUR END CLIENTS.
HERE, OUR TEAM PUTS IN THEIR BEST EFFORT TO COME UP WITH BESPOKE SOLUTIONS THAT MATCH OUR
CLIENTS’ REQUIREMENTS COMPLETELY.
3
WHETHER IT IS ABOUT OFFERING END-TO-END DEVELOPMENT OR MODERNIZING LEGACY SOFTWARE,
SHALIGRAM INFOTECH IS EQUIPPED WITH WORKING EQUALLY WELL FOR STARTUPS TO SMALL OR MID-
 TECHNOLOGY STACK
I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

HTML CSS BO O T S T RA P 5 J AVA S C R I P T

J Q U E RY SQL (SSMS) .NET + MVC

4
 ROLE AND TASKS
I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

Currently I am working as a software engineer intern

and have done some tasks on technology like:
1. HTML/CSS
2. Bootstrap
3. Javascript/jQuery
4. SQL
Task done like :
5. SPA Website design using only HTML and CSS
6. A dashboard named DABANG
7. Nexcent webpage
8. Dynamic student from using js/jqurey
9. Practice SQL Quries
10. API calls in JS and making Student Management
System
5
 LEARNING PROCESS
I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

WEEK 1/2 WEEK 3/4 WEEK 5 WEEK 6 WEEK 7

Complete Complete Learn basic js Learn jquery Learn some

HTML and BOOTSTRAP 5 and complete convert our methodologie
CSS in and done 2 a task of all js code to s of SQL.
advance with task of fetching a jquery and
tasks making student also
responsive details from impletment
web pages. form and datatables in
display on that.
page.

6
 LEARNING PROCESS
I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

WEEK 8 WEEK 9 WEEK 10 WEEK 11 WEEK 12

Learn about Practice tasks Practice all Learn how to Completed

Joins and On SQL and the work with API the Student
Views in SQL Learn about components in JS and Management
Functions, of HTML, CSS, working on Project and
Indexes And JS, Bootstrap some practice Learn about
Triggers and SQL and Tasks and Git and
give First work on main Github.
Evolution project.
Exam

7
I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

TASK-1
S PA W E B S I T E D E S I G N U S I N G O N LY H T M L A N D C S S

CREATE A VISUALLY CAPTIVATING SINGLE-PAGE RESPONSIVE WEBSITE EMPLOYING HTML AND CSS.
IMPLEMENT A SLEEK AND INTUITIVE DESIGN THAT SEAMLESSLY ADJUSTS TO VARIOUS SCREEN SIZES,
ENSURING AN OPTIMAL VIEWING EXPERIENCE ON BOTH DESKTOP AND MOBILE DEVICES. UTILIZE
RESPONSIVE DESIGN TECHNIQUES, SUCH AS MEDIA QUERIES, TO ACHIEVE FLUIDITY AND
RESPONSIVENESS. ENHANCE USER ENGAGEMENT THROUGH SUBTLE YET EFFECTIVE ANIMATIONS,
EMPLOYING CSS ANIMATIONS OR TRANSITIONS TO BRING ELEMENTS TO LIFE.. THIS TASK OFFERS AN
EXCELLENT OPPORTUNITY FOR A INTERN DEVELOPER TO ENHANCE SKILLS WHILE BUILDING SOMETHING
ENGAGING AND FUNCTIONAL.

8
 I N T E R N S H I P I N F U L L S TA C K

9
W E B D E V E LO P M E N T

SCREEN SHOT OF TASK-1

I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

TASK-2
A DASHBOARD NAMED DABANG

CREATING A RESPONSIVE DASHBOARD, COMPLETE WITH A TOGGLEABLE SIDEBAR FOR FLEXIBLE WIDTH
ADJUSTMENTS. INTEGRATE BOOTSTRAP COMPONENTS, SUCH AS AN ACCORDION, CARD TOGGLE ON LINK
TABS, A PROGRESS BAR, AND A RESPONSIVE PROFILE MENU TRIGGERED BY CLICKING THE PROFILE IMAGE.
ELEVATE USER INTERACTION WITH A BOOTSTRAP INPUT GROUP AND INCORPORATE A RESPONSIVE TABLE.
ADDITIONALLY, ENSURE SIDEBAR LINKS ACTIVATE ON CLICK, PROVIDING AN IMMERSIVE AND USER-
FRIENDLY EXPERIENCE. THIS TASK SEAMLESSLY COMBINES FUNCTIONALITY, RESPONSIVENESS, AND AN
INTUITIVE INTERFACE, DELIVERING A COMPREHENSIVE AND ADAPTABLE DASHBOARD.

10
 I N T E R N S H I P I N F U L L S TA C K

11
W E B D E V E LO P M E N T

SCREEN SHOT OF TASK-2

I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

TASK-3
N E X C E N T W E B PA G E

CREATING SINGLE WEBPAGE WITH DIVERSE SECTIONS. IMPLEMENT A DYNAMIC BOOTSTRAP CAROUSEL,
VISUALLY APPEALING CARDS, AND AN ANIMATED LOGO SLIDER. PRIORITIZE RESPONSIVENESS, ENSURING
THE LAYOUT ADAPTS SEAMLESSLY TO MOBILE SCREENS WHERE CARD IMAGES APPEAR BEHIND AN
OVERLAY, AND TEXT STANDS OUT. ENHANCE USER EXPERIENCE WITH A MOBILE-FRIENDLY TOGGLE
NAVIGATION. THIS TASK PROVIDES DEVELOPERS WITH A VALUABLE LEARNING EXPERIENCE, GUIDING THEM
TO INTEGRATE ENGAGING ELEMENTS, MASTER RESPONSIVE DESIGN TECHNIQUES, AND CREATE A USER-
FRIENDLY INTERFACE. BY COMPLETING THIS TASK, DEVELOPERS GAIN INSIGHTS INTO BUILDING VISUALLY
STRIKING WEBPAGES THAT SEAMLESSLY ADAPT TO VARIOUS DEVICES.

12
 I N T E R N S H I P I N F U L L S TA C K

13
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-3

I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

TASK-4
DYNAMIC STUDENT FROM USING JS/JQUREY

IN THIS TASK, WE HAVE TO CREATE A STUDENT FORM TABLE TO COLLECT DETAILED INFORMATION SUCH
AS STUDENT NAME, DATE OF BIRTH, GRADUATION YEAR, ADDRESS, EMAIL, AND EDUCATIONAL HISTORY.
USING JQUERY AND JAVASCRIPT, I SUCCESSFULLY IMPLEMENTED FUNCTIONALITY TO CAPTURE AND STORE
THIS DATA IN A STRUCTURED FORMAT. ADDITIONALLY, I INTEGRATED A DATATABLE COMPONENT TO
PRESENT THE COLLECTED INFORMATION IN A USER-FRIENDLY AND ORGANIZED MANNER, ENHANCING
DATA VISUALIZATION AND ACCESSIBILITY FOR USERS.

14
 I N T E R N S H I P I N F U L L S TA C K

15
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-4

 I N T E R N S H I P I N F U L L S TA C K

16
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-4

 I N T E R N S H I P I N F U L L S TA C K

17
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-4

 I N T E R N S H I P I N F U L L S TA C K

18
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-4

I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

TASK-5
PRACTICE SQL QUERIES

IN THIS TASK, I UTILIZED SQL FUNCTIONS, STORED PROCEDURES, AND TRIGGERS WORKS ON SSMS AND
COMPLETELY PRACTICE ALL THE TOPICS PLUS COMPLETE SOME QUERY TASKS WHICH IS GIVEN BY MENTOR.

19
 I N T E R N S H I P I N F U L L S TA C K

20
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-5

 I N T E R N S H I P I N F U L L S TA C K

21
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-5

 I N T E R N S H I P I N F U L L S TA C K

22
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-4

 I N T E R N S H I P I N F U L L S TA C K

23
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-4

I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

TASK-6
API CALLS IN JS ANDSTUDENT MANAGEMENT SYSTEM

IN TASK 6, I DELVED INTO JAVASCRIPT API CALLS, COMPLETING TWO NOTABLE PROJECTS. THE FIRST
INVOLVED CRAFTING A TRANSLATOR WEBPAGE, FACILITATING SEAMLESS TRANSLATION FUNCTIONALITY.
THE SECOND PROJECT CENTERED AROUND A SUPERHERO WEBPAGE, WHERE I UTILIZED AN API TO
DYNAMICALLY RETRIEVE AND DISPLAY SUPERHERO INFORMATION BASED ON USER INPUT. THROUGH
THESE ENDEAVORS, I HONED MY SKILLS IN HANDLING API CALLS EFFECTIVELY, BRIDGING DATA RETRIEVAL
WITH USER INTERACTION TO DELIVER DYNAMIC AND ENGAGING WEB EXPERIENCES.

24
 I N T E R N S H I P I N F U L L S TA C K

25
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-6

 I N T E R N S H I P I N F U L L S TA C K

26
W E B D E V E LO P M E N T

SCREEN SHOTS OF TASK-6

I N T E R N S H I P I N F U L L S TA C K
W E B D E V E LO P M E N T

S.M.S. PROJECT
RE DESIGN AND API CALLS IN STUDENT MANAGEMENT SYSTEM

IN MY FINAL TASK, I ENGINEERED A COMPREHENSIVE STUDENT MANAGEMENT SYSTEM BY INTEGRATING

API CALLS FOR SEAMLESS DATA HANDLING. LEVERAGING A MOCK API HOSTED ON 'MOCKAPI.IO,' I
FACILITATED SMOOTH COMMUNICATION BETWEEN THE FRONTEND AND BACKEND, ENABLING EFFICIENT
RETRIEVAL, STORAGE, AND MANIPULATION OF STUDENT INFORMATION. THROUGH THIS PROJECT, I
DEMONSTRATED PROFICIENCY IN API INTEGRATION AND BACKEND DEVELOPMENT, CULMINATING IN A
ROBUST SOLUTION FOR MANAGING STUDENT DATA WITH EASE AND EFFICIENCY.

27
 I N T E R N S H I P I N F U L L S TA C K

28
W E B D E V E LO P M E N T

S.M.S. SCREENSHOTS
 I N T E R N S H I P I N F U L L S TA C K

29
W E B D E V E LO P M E N T

S.M.S. SCREENSHOTS
 I N T E R N S H I P I N F U L L S TA C K

30
W E B D E V E LO P M E N T

S.M.S. SCREENSHOTS
 I N T E R N S H I P I N F U L L S TA C K

31
W E B D E V E LO P M E N T

S.M.S. SCREENSHOTS
 I N T E R N S H I P I N F U L L S TA C K

32
W E B D E V E LO P M E N T

S.M.S. SCREENSHOTS
 I N T E R N S H I P I N F U L L S TA C K

33
W E B D E V E LO P M E N T

S.M.S. SCREENSHOTS
 I N T E R N S H I P I N F U L L S TA C K

34
W E B D E V E LO P M E N T

S.M.S. SCREENSHOTS
 I N T E R N S H I P I N F U L L S TA C K

35
W E B D E V E LO P M E N T

S.M.S. SCREENSHOTS
 I N T E R N S H I P I N F U L L S TA C K

36
W E B D E V E LO P M E N T

S.M.S. SCREENSHOTS
THANK YOU

MANTHAN L. DHOLARIYA