Project FINALLLLL
Project FINALLLLL
“TRAVEL BLOG”
Submitted to
VISVESVARAYA TECHNOLOGICALUNIVERSITY
JNANASANGAMA, BELAGAVI
In partial fulfilment for the award of the degree of
Bachelor of Engineering
In
Computer Science and Engineering
Submitted by
SHAHID AHMED
1GC20CS050
CERTIFICATE
This is to certify that the Internship Work entitled “TRAVEL BLOG” is a bonafide work carried
out by Mr. SHAHID AHMED bearing USN 1GC20CS050 in partial fulfilment for the Bachelor
of Engineering in Computer Science and Engineering award under Visvesvaraya Technological
University, Belagavi during the year 2023-24. It is certified that all the corrections/suggestions
indicated in the Internal Assessment have been incorporated into the report and submitted to the
department library. This seminar reporthas been approved as it satisfies the academic requirements
in respect of the Internship prescribedfor the award of the said degree.
………………………………….. …………………………...
…………………………...
(Signature of Guide) (Signature of External Guide) (Signature of HOD)
Ms. MEENAZ TABUSSUM Mrs. NANDANI S. Dr. DILSHAD BEGUM
Asst. Professor Director Professor & HOD
1. …………………………………………….. 1. ……………………………
2. …………………………………………….. 2. …………………………....
ACKNOWLEDGEMENT
Before we turn to the Internship work, we would like to add a few heartfelt words for the
people who have been a part of this Internship work by supporting and encouraging me.
At the outset, we would like to thank ALMIGHTY for making us as we are. We would like
to take this opportunity to express my honor, respect, deepest gratitude, and genuine regards to our
beloved principal Dr. ZAHIR HASAN, Ghousia College of Engineering Ramanagara giving us
all the guidance required for our work apart from being a constant source of inspiration and
motivation.
We express our sincere thanks to Dr. DILSHAD BEGUM, Professor & HOD, Department
of CS&E, for her continuous encouragement, guidance and moral support throughout the Internship
work.
We express our sincere thanks to our external guide Mrs. NANDANI S, Director, Indian
Tech-Keys. for his dedication, determination, and constant support throughout ourinternship work.
We express our sincere thanks to the coordinator Ms. RAJESHWARI M R, Assistant
Professor, for her dedication, determination, and constant support throughout our internship work.
We express our sincere thanks to our guide Mrs. MEENAZ TABUSSUM, Assistant
Professor, for her dedication, determination, and constant support throughout our internship work.
We take this opportunity to thank all the staff members of department of CS&E, Ghousia
College of Engineering, Ramanagara for their cooperation and suggestions during the period of the
Internship work.
We owe our special thanks to our parents and family members for their moral support and
warm wishes and finally would like to express our appreciation to our friends for their support
which helped us to complete this Internship work successfully.
SHAHID AHEMD
1GC20CS050
i
INTERNSHIP CERTIFICATE
ii
CONTENTS
3 Tasks Performed 5
3.5 Results
5 Reflection Notes 18
Conclusion 20
References 21
iii
LIST OF FIGURES
3.1 Certificate iv
3.2 Features 5
3.7 Websites 7
iv
TRAVEL BLOG WEBSITE 2023-24
CHAPTER 01
COMPANY PROFILE
Varcons Technologies Pvt Ltd, was incorporated with a goal “To provide high quality and optimal
Technological Solutions to business requirements of our clients”. Every business is a different and
has a unique business model and so are the technological requirements. They understand this and
hence the solutions provided to these requirements are different as well. They focus on client
requirements and provide them with tailor made technological solutions.They also understand that
Reach of their Product to its targeted market or the automation of the existing process into e-client
and simple process are the key features that our clients desire from Technological Solution they
are looking for and these are the features that we focus on while designing the solutions for their
clients.
Products of Company
Android Apps
It is the process by which new applications are created for devices running the Android operating
system. Applications are usually developed in Java (and/or Kotlin; or other such option)
programming language using the Android software development kit (SDK), but other
development environments are also available, some such as Kotlin support the exact same
Android APIs (and bytecode), while others such as Go have restricted API access.
The Android software development kit includes a comprehensive set of development tools. These
include a debugger, libraries, a handset emulator based on QEMU, documentation, sample code,
and zutorials. Currently supported development platforms include computers
running Linux (any modern desktop Linux distribution), Mac OS X 10.5.8 or later, and Windows
7 or later. As of March 2015, the SDK is not available on Android itself, but software development
is possible by using specialized Android applications.
Web Application
It is a client–server computer program in which the client (including the user interface and client-
side logic) runs in a web browser. Common web applications include web mail, online retail sales,
online auctions, wikis, instant messaging services and many other functions. web applications use
web documents written in a standard format such as HTML and java script, which are supported
by a variety of web browsers. Web applications can beconsidered as a specific variant of
client–server software where the client software isdownloaded to the client machine when visiting
the relevant web page, using standardprocedures such as HTTP. The Client web software updates
may happen each time the web page is visited. During the session, the web browser interprets
and displays the pages, andacts as the universal client for any web application. The use of web
application frameworks can often reduce the number of errors in a program, both by making the
code simpler, and by allowing one team to concentrate on the framework while another focuses
on a specified usecase. In applications which are exposed to constant hacking attempts on the
Internet, security-related problems can be caused by errors in the program.
Frameworks can also promote the use of best practices such as GET after POST. There are some
who view a web application as a two-tier architecture. This can be a “smart” client that performs
all the work and queries a “dumb” server, or a “dumb” client that relies on a “smart”server.
Web design
It is encompasses many different skills and disciplines in the production and maintenance of
websites. The different areas of web design include web graphic design; interface design
authoring, including standardized code and proprietary software; user experience design; an
search engine optimization. The term web design is normally used to describe the design
process relating to the front-end (client side) design of a website including writing mark up.
partially overlaps web engineering in the broader scope of web development. Web designers are
expected to have an awareness of usability and if their role involves creating mark up then they
are also expected to be up to date with web accessibility guidelines. Web design partially overlaps
web engineering in the broader scope of web development.
search engine optimization. The term web design is normally used to describe the design process
relating to the front-end (client side) design of a website including writing mark up. Web design
partially overlaps web engineering in the broader scope of web development. Web designers are
expected to have an awareness of usability and if their role involves creating mark up then they
are also expected to be up to date with web accessibility guidelines. Web design partially overlaps
web engineering in the broader scope of web development.
CHAPTER 02
ABOUT THE DEPARTMENT
Indian Tech-Keys is the one-stop solution for all your PCB fabrication and Wire Harness
fabrication requirements, we provide complete End to End support in PCBs and Wire Harness
Engineering & Manufacturing. we practice a quality stage gate inspection at every stage of the
fabrication to meet our customers requirements.
Indian Tech-Keys assures its clients of their satisfaction by addressing their needs and requirements
in a timely manner. Able to offer you one–stop service with small, medium to mass production
with competitive engineering, quality, and OTD assurance that customized all your request. Also,
the company offers its customers the best pricing in the market. Capable to deliver/exporting
products across the country. Our staff are capable of exploring updated technologies in the market
to provide our customers with their needs/requirements.
We provide high-end PCBs, and wire harnesses for Aerospace, Defense, Automobiles, and
Industrial applications. Indian Tech-Keys also provides Reverse engineering services on PCBs to
our clients.
The R&D department concentrates on training interns in both hardware and software. The
hardware is the micro-controllers, sensors, actuators, and communication modules like DTMF,
Bluetooth etc. The software including Arduino, Keil u-vision etc.
CHAPTER 03
TASK PERFORMED
• Web: It refers to websites, web pages or anything that works over the internet.
• Development: It refers to building the application from scratch.
7. Security: Web development must include security features to protect users' data from cyber
attacks, such as using encryption, firewalls, and secure coding practices.
8. Search engine optimization (SEO): SEO is the practice of optimizing a website's content and
structure to improve its ranking in search engine results. Web developers must consider SEO
when designing and building websites.
9. User experience (UX): UX design is the process of creating websites that are easy to use and
navigate. Web developers must consider UX when designing and building websites to ensure
a positive user experience.
3.1.2Websites:
Web development involves creating websites that are visually appealing, easy to navigate, and
perform well. A web developer's job is to create websites, and they can be categorized into three
major types: frontend, backend, and full-stack development. Web design is also an important aspect
of web development, and it includes creating a simple and professional website design to increase
traffic and boost conversions. Web development tasks include developing simple web pages,
internet applications, social sites, and e-commerce portals. A webmaster is responsible for updating
the site, monitoring site analytics, and communicating with the rest of the web development team
to keep the website or web application up-to-date. HTML and CSS are the languages used to
structure and style the different parts of web content.
There are many websites in the market. The top categories are
.
Fig 3.8 Versions of Web
Web applications are similar to the traditional applications you’d install on your Information, such
as Microsoft Office. They are able to perform the same kinds of tasks, they look the same and
they feel the same but there is one key difference - the application itself is not installed on your
phone or Information, but lives in the cloud. Web apps are not new, but it used to be that they
were often unable to compete with more traditional applications for business critical functions or
where rich user interaction was required. This is no longer the case. With the power of modern
web technologies, we are able to design and build performing, secure, and feature rich
applications that live in the cloud and bring with them a huge number of benefits.
It allows for remote working, it allows for rapid publishing of content, it allows for real time
collaboration between teams. If you have web access, you have the ability to access your business
tools.
They also benefit from the ability to launch updates in real-time – the application on the servers
is the application people are using. The applications on people’s laptops however is the version
last installed. And when those laptops get left on a train it’s not a concern, as nothing is stored
locally.
5. They enable more computing with fewer Information.
Web applications push all of the hard work to the servers, and act as intermediaries between the
user interface and the calculations happening behind the scenes. This means you can accomplish
terrifyingly complex work on a tablet, or your phone.
We’ve built web applications that allow people to understand the complex relationships between
250,000 pieces of art on their phones, and applications that run the business systems of one of
the largest solar energy providers in the world. Often these productsare not financially viable
to build using traditional application processes.
They also benefit from the ability to launch updates in real-time – the application on the servers
is the application people are using. The applications on people’s laptops however is the version
last installed. And when those laptops get left on a train it’s not a concern, as nothing is stored
locally.
6. They enable more computing with fewer Information.
Web applications push all of the hard work to the servers, and act as intermediaries between the
user interface and the calculations happening behind the scenes. This means you can accomplish
terrifyingly complex work on a tablet, or your phone.
We’ve built web applications that allow people to understand the complex relationships between
250,000 pieces of art on their phones, and applications that run the business systems of one of
the largest solar energy providers in the world. Often these productsare not financially viable
to build using traditional application processes.
Problem Statement as mentioned in the proposal
Develop an application which facilitates creation of web pages having a need to install any HTML
editor based software and also which can be used by any novice user (no HTML knowledge needed)
that is developing web pages on the online. This module is designed to reduce the process involved
in managing the activity of customers and business where the business can sell their services and
the customers can buy those
This project is centered around the creation of a user-centric travel blog website, Travel blog Website,
designed to cater to the diverse needs of today's travelers. The website's primary goal is to offer users
inspiring destination insights, practical travel advice, and a platform for community engagement.
Through the following report, we'll delve into the methodology utilized, the development process
undertaken, the key features integrated into the website, and an analysis of the obtained results.
Additionally, reflections on the project's insights and recommendations for future enhancements will
be discussed. This internship has provided invaluable hands-on experience in web development, user
experience design, and project management, underlining the importance of practical learning in the
ever-evolving digital travel landscape.
ABSTRACT
This project report presents the development and implementation of a dynamic travel blog website,
leveraging the power of React.js as the frontend framework and Strapi as the headless CMS for
content management. The website aims to provide an engaging and informative platform for travel
enthusiasts to explore and share their adventures.
The report details the architectural choices made, including the utilization of React.js for its interactive
and responsive user interface, and Strapi as a flexible and user-friendly content management system.
Key features include user authentication, content creation and management, SEO optimization, and
responsive design to ensure an optimal user experience across various devices. The project
demonstrates effective integration between the frontend and backend, utilizing Strapi's API endpoints
to fetch and display content seamlessly. Additionally, it highlights the importance of performance
optimization, security measures, and SEO best practices in the development process.
METHODOLOGY
This methodology outlines the processes and techniques utilized during my internship at Take It Smart
Company to understand, analyze, and contribute to the Heartcare Management website. The focus wason
gaining hands-on experience with Healthcare technologies, user experience (UX)
1. Research and Understanding:
• Conduct user research and analyze competitors.
• Analyze competitors and collaborate with healthcare professionals.
2. Define Goals and Objectives:
• Determine the primary goals of the website, such as providing educational resources, facilitating
appointment scheduling, offering support forums, or promoting healthy lifestyle choices.
• Set specific objectives aligned with these goals, such as increasing website traffic, improving user
engagement, or boosting conversion rates for appointment bookings.
3. Content Strategy:
• Develop a comprehensive content strategy that addresses the informational needs of the target
audience.
• Include authoritative articles, FAQs, blog posts, videos, infographics, and other multimedia content
to educate and engage users.
• For user behavior analysis, I focused on key metrics such as bounce rate, session duration, and
click-through rates, providing insights into how users interact with the website.
4. User Experience (UX) Design:
• Design a visually appealing layout with calming colors and engaging typography.
• I documented all processes and findings in a detailed report, which served as a reference for
ongoing projects and improvements.
• At the end of the internship, I presented my results and recommendations to the company's
management team, demonstrating the impact of the work and suggesting future strategies for
continued success.
2. Software Requirements:
• Code Editor or Integrated Development Environment (IDE)
• Node.js
• Package Manager (npm or Yarn)
• Browser Development Tools
• Database Management Tool (optional)
IMPLEMENTATION
Implementation is the stage where the theoretical design is turned into a working system. The most
crucial stage in achieving a new successful system and in giving confidence on the newsystem for the
users that it will work efficiently and effectively.
The system can be implemented only after thorough testing is done and if it is found to work according
to the specification. It involves careful planning, investigation of the current system and it constraints
on implementation, design of methods to achieve the change over and an evaluation of change over
methods a part from planning.
Two major tasks of preparing the implementation are education and training of the users andtesting
of the system. The more complex the system being implemented, the more involved will be the
system analysis and design effort required just for implementation.
The implementation phase comprises of several activities. The system may require some software
to be developed.For this, programs are written and tested. The user then changes over to his new
fully testedsystem and the old system is discontinued.
TESTING
The testing phase is an important part of software development. It is the Information zed system will
help in automate process of finding errors and missing operations and also a complete verification
to determine whether the objectives are met and the user requirementsare satisfied. Software testing
is carried out in three steps:
1. The first includes unit testing, where in each module is tested to provide its correctness, validity and
also determine any missing operations and to verify whether theobjectives have been met. Errors are
noted down and corrected immediately.
2. Unit testing is the important and major part of the project. So errors are rectified easily in particular
module and In this project entire system is divided into several modules and is developed individually.
So unit testing is conducted to individual modules.
3. The second step includes Integration testing. It need not be the case, the software whose modules
when run individually and showing perfect results, will also show perfect results when run as a
whole.
CHAPTER 4
RESULTS
4.1 HOME PAGE
CHAPTER 5
REFLECTION NOTES
The internship period in INDIAN TECH-KEYS was really helpful in many ways. A lot of areas
were exploited in a useful manner. There are technical as well as nontechnical outcomes that I had
from the organization.
better results. The internship program has given us opportunity to mobilize the information from
various industry sources including company brochures, websites, journals, industry magazines and
consolidate the required information according to the theme of the internship project undertaken.
Interns learn to interpret and utilize nonverbal cues, such as body language, facial expressions,
and gestures.
effectively with colleagues, and create a positive impression on their supervisors and peers. Soft
skills are abilities that relate to how you work and interact with other people. Soft skills predict the
effectiveness of a perceived intern.
CONCLUSION
In the journey of conceptualizing, developing, and fine-tuning our travel blog website, we have embarked
on an exciting venture to create an engaging and informative platform for travel enthusiasts. This project
has been a testament to the collaborative effort, dedication, and innovation of our team.
Our website's functionality, from user registration and content creation to search and interactive features,
has been meticulously designed and implemented. We prioritized not only the functionality but also the
aesthetics and usability, ensuring that visitors can seamlessly explore and engage with the diverse content
on the platform.
Security and performance were at the forefront of our considerations. By implementing JWT
authentication, thorough security testing, and performance optimization techniques like code splitting
and lazy loading, we have strived to create a safe and responsive user experience.
The journey is far from over. As we launch our travel blog website, we acknowledge that it represents
the culmination of one phase and the beginning of another. Continuous improvement and growth are
integral to our vision. We look forward to user feedback, iterative enhancements, and the expansion of
our platform with new features and content.
REFERENCES
5.1.1.1 http://www.oracle.com/technetwork/java/index.html
5.1.1.3 www.w3schools.com/sql
5.1.1.4 www.oracle.com/technetwork/java/index.html
5.1.1.5 www.freewebmasterhelp.com
5.1.1.6 www.tutorialspoint.com/jsp/
5.1.1.7 www.coreservlets.com
5.1.1.8 www.w3schools.com/jsp
5.1.1.9 www.tomcat.apache.org/
5.1.1.10 https://www.djangoproject.com/