"Trillo-Tourist Guide" This Page Works As The Name A Complete Guide For A Tourist

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 10

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.
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
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.
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.
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.
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.
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.
6. Web Site Visuals
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
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

You might also like