TRILLO – TOURIST GUIDE

INTERNSHIP PROJECT REPORT

SUBMITTED BY:
DEBASIS MOHANTY
Reg.no – 1925107011

KSHITIJ Ch. NAYAK

Reg.no – 1925107013

ASHISH KUMAR LAHA

Reg.no – 1925107005

DEPARTMENT OF M.C.A

COLLEGE OF IT AND MANAGEMENT EDUCATION

BHUBANESWAR, ODISHA

2020-21

1
 CERTIFICATE

This is to certify that project report entitled “TRILLO – THE LAP OF LUXURY” submitted to COLLEGE OF IT

AND MANAGEMENT EDUCATION, BHUBANESWAR. It is a bonafide record of work done by “DEBASIS

MOHANTY, KSHITIJ CHANDRA NAYAK and ASHISH KUMAR LAHA” under the supervision of Mr SOURAV

KABIRAJ.

Rajalaxmi Mishra Sourav Kabiraj

HOD, MCA CTO, YoursOwn

PLACE:

DATE:

2
 DECLARATION BY AUTHOR’S

This is to declare that this report has been written by us. No part of the report is
plagiarized from other sources. All information included from other sources has
been duly acknowledged. We aver that if any part of the report is found to be
plagiarized. We shall take full responsibility for it.

DEBASIS MOHANTY
Reg.no - 1925107011

KSHITIJ CHANDRA NAYAK

Reg.no - 1925107013

ASHISH KUMAR LAHA

Reg.no – 192517005

Place:
Date:

3
 ABSTRACT

In this project, we designed tourist guide for a B2B purpose where we will approach small
and medium size hotels that doesn’t have efficient technology to build their own profile on
the web. Basically it has 4 landing page which is small to big hotel need. All pages are
designed using HTML5 and SCSS. This can help many small to big hotels that don’t have
their professional site on web.

4
 TABLE OF CONTENTS
SUBJECT PAGE

1. INTRODUCTION 6-6
2. COMPANY PROFILE 7-7
3. PROBLEM ADDRESSED 8-8
4. SOFTWARE TECHNOLOGIES 9-11
4.1. HTML 9-9
4.2. CSS 9-9
4.3. SCSS 9-9
4.4. WEB DESIGN BASIC 10-10
4.5 WORKING OF CSS 10-10
4.6 NPM 10-10
4.7 CSS FLEXBOX 11-11
4.8 VISUAL STUDIO CODE 11-11
4.9 GITHUB 11-11

5. DEVLOPMENT APPROACH 12-12

6. WEBSITE VISUALS 13-13

7. SOURCE CODE 14-14

8. BIBILOGRAPHY 15-15

5
1.Introduction
“Trillo-Tourist Guide” this page works as the name a complete guide for a tourist.

This page have the facilities to book hotel,book your flight,hiring car for pick up and drop
from booked location as well as a complete details of places for visit all over the countries
with the cost.

You can access it by using any desktop and mobile phones with ios , android platform.

6
2. Company Profile
1. YoursOwn: Insticram Systems Pvt. Ltd.

2. Recognised by start-up India

3. Started by Students of NIT Durgapur

4. Incubated by CIME(govt. of Odisha)

5. Address: Zone B, Indl. Estate, Plot No.4, Sector A, Mancheswar, Bhubaneswar,

Odisha 751010

6. Phone : 7585893707

7
3.Problem Addressed
And the project is actually a B2B model where we will approach small and medium size hotels who doesn’t
have efficient technology to build their own profile on the web.

It will help them to manage the customers booking easily and also to keep the customers data more safe.
It will also help staffs to keep in track their customer’s online booking request as well as easily to reply
feedback to the customers.

8
4. Software Technologies
Following Technolgies are used in the Trillo-Tourist Guide

4.1.HTML
HTML is a computer language devised to allow website creation. These websites can then be
viewed by anyone else connected to the Internet. It is relatively easy to learn, with the basics
being accessible to most people in one sitting; and quite powerful in what it allows you to create.
It is constantly undergoing revision and evolution to meet the demands and requirements of the
growing Internet audience.

HyperText is the method by which you move around on the web by clicking on special text
called hyperlinks which bring you to the next page. 

4.2.CSS
CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed
on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple
web pages all at once. External stylesheets are stored in CSS files.

 A CSS rule-set consists of a selector and a declaration block: The selector points to the HTML
element you want to style. The declaration block contains one or more declarations separated by
semicolons. Each declaration includes a CSS property name and a value, separated by a colon.

4.3.SCSS
Scss is an extension of the syntax of CSS. This means that every valid CSS stylesheet is a valid
SCSS file with the same meaning. In addition, SCSS understands most CSS hacks and vendor-
specific syntax, such as IE's old filtersyntax. This syntax is enhanced with the Sass features
described below. Files using this syntax have the scss extension.

9
4.4. Web Design Basics
The basics of web design principles are:-
Simplicity
Consistency
Typography & Readability
Mobile Compatibility
Color Palette and Imagery
Easy Loading
Communication
In this project we considered all about this wholehearted.

4.5.Working of CSS
When a browser displays a document, it must combine the document's content with its style
information. It processes the document in a number of stages, shown in the fig:1 below. Bear in
mind that this is a very simplified version of what happens when a browser loads a webpage, and
that different browsers will handle the process in different ways. But this is roughly what happens.

(Fig:-1)

4.6.NPM
npm is the package manager for the Node JavaScript platform. It puts modules in place so that
node can find them, and manages dependency conflicts intelligently. It is extremely configurable to
support a wide variety of use cases. Most commonly, it is used to publish, discover, install, and
develop node programs.

10
4.7.CSS Flexbox
CSS flexbox layout allows you to easily format HTML. Flexbox makes it simple to align items
vertically and horizontally using rows and columns. Items will "flex" to different sizes to fill the
space. It makes responsive design easier.

4.8.Visual Studio Code

Edit, build, and debug with ease…
At its heart, Visual Studio Code features a lightning fast source code editor, perfect for day-to-
day use. With support for hundreds of languages, VS Code helps to be instantly productive with
syntax highlighting, bracket-matching, auto-indentation, box-selection, snippets, and more.

Visual Studio supports 36 programming language and allows the code editor and debugger to
support (to varying degrees) nearly any programming language provided a language-specific
service exists. Built-in languages include C, C++, C++/CLI ,Visual Basic .NET,F#, Javascript
,Typescript , XML,XSLT,HTML & CSS.

4.9. Git Hub

Git Hub is a Git repository hosting service, but it adds many of its own features. While Git is a command
line tool, GitHub provides a Web-based graphical interface. It also provides access control and several
collaboration features, such as a wikis and basic task management tools for every project.

11
5. Development Approach
In this project development we are using different technology and tools. Basically HTML is
used for front-end design and SASS is used for styling purpose only. Later SASS converts the
file into CSS using live sass compiler in visual studio code. Visual studio code is used as IDE
for this project due to its vast support of different extension which can help a developer to
write codes fast and effectively.

12
6. Web Site Visuals

13
14
7.Source Code
All source are pushed to github, here is the link of all my project source code

https://github.com/Debasis1998-project/onlinehotel

15
8. Bibliography
www.google.com

https://www.wikipedia.org

https://www.w3schools.com

https://css3-tricks.com

https://github.com

https://material.io/resources/icons

16