Giter VIP home page Giter VIP logo

apu52 / travel_website Goto Github PK

View Code? Open in Web Editor NEW
208.0 4.0 436.0 291.56 MB

🚀 Welcome🌈 , This repo is officially accepted for GSSOC'2k24🌟 & VsOC'24🌟This repo contains my project on Travel Website ✈️ using HTML,CSS . It contains the landing page of a travel tour company website. If you have any front end project on this or you can add new features in the project or in this repos.

Home Page: https://apu52.github.io/Travel_Website/

License: MIT License

HTML 56.16% CSS 33.71% JavaScript 10.14%
beginner-friendly css front-end-development github html js jwoc jwoc-2024 jwoc2k24 open-source

travel_website's Introduction

✨Travel Website✨

image

Open Source Love svg1 PRs Welcome Visitors GitHub forks GitHub Repo stars GitHub last commit GitHub repo size Github GitHub pull requests

Hi there👋, Enjoy the World of Open source contribution

Hello Coders!!👨‍💻
I am Arpan Chowdhury, an aspiring Web developer🤖. Here is the project on front-end Web Development.

Table of Contents🧾


Overview📌

This repository contains my project on a Travel Website✈️ using HTML, CSS and JavaScript. It features a landing page for a travel tour company website. Finding the perfect travel destination can be a challenge. This project aims to streamline that process🚤. We welcome all contributions to make this a fantastic resource for travelers. Jump in and contribute to this grand project! Read the guidelines📚 and get started building!

Features

  • Introductory Page: Welcomes visitors with an engaging introductory page that highlights the essence of our travel website and sets the tone for exploration.
  • Top Destination Page: Showcases top travel destinations with captivating imagery, detailed descriptions, and essential information to inspire and inform visitors.
  • Best Trip Packages: Presents the best trip packages tailored to different interests and budgets, complete with itinerary details, pricing, and booking options for seamless travel planning.
  • Our Trip Gallery: Curates a visually stunning gallery showcasing memorable moments and experiences from our trips, enticing visitors to embark on their own adventures. Includes interactive features such as user comments.
  • Contact Us Page: Provides a user-friendly contact page with essential contact information inquiry forms, and interactive maps for visitors to reach out and engage with our travel company effortlessly.

Technology Used🚀

HTML CSS js

Back To Top

Open-Source-Programmes⭐

This project is now OFFICIALLY accepted for

GSSOC

This project was part of following Open Source Programs

Getting Started💥

Local Installation video

video

How to make a Pull Request?

1. Start by forking the Travel_Website repository. Click on the symbol at the top right corner.

2. Clone your forked repository:

git clone https://github.com/<your-github-username>/Travel_Website

3. Navigate to the new project directory:

cd Travel_Website

4. Set upstream command:

git remote add upstream https://github.com/apu52/Travel_Website

5. Create a new branch:

git checkout -b YourBranchName

or

git branch YourBranchName
git switch YourBranchName

6. Sync your fork or local repository with the origin repository:

  • In your forked repository click on Fetch upstream.
  • Click Fetch and merge.

Alternatively, Git CLI way to Sync forked repository with origin repository:

git fetch upstream
git merge upstream/main

Github Docs for Syncing

7. Make your changes to the source code.

8. Stage your changes and commit:

⚠️ Make sure not to commit package.json or package-lock.json file

⚠️ Make sure not to run the commands git add . or git add *. Instead, stage your changes for each file/folder

git add file/folder
git commit -m "<your_commit_message>"

9. Push your local commits to the remote repository:

git push origin YourBranchName

10. Create a Pull Request!

Congratulations! You've made your first contribution! 🙌🏼

Back To Top

Contributing Guidelines📑

To learn about our development process, how to propose bug fixes and improvements of our project please read our Contributing Guidelines.

Code Of Conduct📑

This project and everyone participating in it are governed by the Code of Conduct. By participating, you are expected to uphold this code.


Show some ❤️  by giving to this repository.

Project Mentor


Krishnendu Dasgupta


Ghanshyam Prajapati

Project Admin⚡


Arpan Chowdhury

Contributing is fun🧡



Thank you to all the amazing contributors who have made this project possible!!💝

License

Back To Top

travel_website's People

Contributors

aftabmankapure avatar antilneeraj avatar apu52 avatar archiesachin avatar aryan681 avatar aslams2020 avatar avanimathur avatar clanang avatar dhruv8433 avatar leorasaharia avatar mastansayyad avatar meetarora10 avatar naveenchandraadhikari avatar neerajagurram avatar nidhipai78 avatar pranavbarthwal avatar prithwi32 avatar rahat2134 avatar rajput-xv avatar ratnojitsaha avatar rohithchitrada avatar sanskritisahu21 avatar sau-mili avatar sgcodex avatar shreya9x1 avatar sneha6003 avatar sohanrc avatar tborundia avatar techinaina avatar thesri avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

travel_website's Issues

FEATURE_REQUEST : Adding Animation to Our Trip Section

Is your feature request related to a problem? Please describe.
No it's actually not a problem, its aim is to give better user experience.

Describe the solution you'd like
I would like to add rotating image gallery to your 'Our Trip Gallery' Section. So that makes this website more attractive.

Describe alternatives you've considered
If you doesn't like to include rotating gallery feature, I can add any other framework components

Demo Video/Screenshot (Mandatory )
Screenshot 2024-01-15 014932

Are you contributing under any open-source program ?

under JWOC 2024.

Edit footer section

I would like to add pointer cursor and hover effects to footer_col headings and would remove the hover effect of the description under Tourguide .
Please assign me this issue, under JWOC 2024

Enhancement of navigation bar for different screen sizes

  • The task involves enhancing a website's navigation bar by incorporating icons.
  • These icons will be visible only when the screen size is differed instead of the navigation bar item's name i.e. when the width of screen is shrunk (For ex: of mobile phones).
  • This is to adjust the layout and styling based on the user's device, ensuring a seamless and visually appealing navigation experience across different screen dimensions.
  • This approach aims to improve the overall user interface and accessibility of the website.

I request to be assigned for this issue.

Feature_Request : Make a Different Login Page

Is your feature request related to a problem? Please describe.

Hello All,
You can make a different login page in this project

Describe the solution you'd like

It will help the users to login with their

  • mail
  • facebook
  • google account
    & also made a button in the front pg as clickable to jump into that page

Describe alternatives you've considered

you can use JS or react to make this with added HTML& CSS.

Demo Video/Screenshot (Mandatory )

image

This is just a Demo. You can make it more fascinating & working

Are you contributing under any open-source program ?

JWOC 2k24

Edit footer section

I would like to add pointer cursor and hover effects to footer_col headings and would remove the hover effect of the description under Tourguide .
Please assign me this issue.

Enhance:Non-Functional "View All" Button for More Best Trip Packages

Uploading Screenshot 2024-01-13 at 9.23.26 PM.png…
Users visiting the Best Trip Packages section expect to have the option to view more than the initial 3 packages presented. However, the current state of the "View All" button prevents users from accessing additional packages. Our goal is to investigate and rectify this issue, ensuring users can seamlessly explore a comprehensive list of the best trip packages.

Steps to Reproduce:
Navigate to the homepage and locate the "Best Trip Packages" section.
Attempt to click on the "View All" button.
Currently, the button is non-functional, preventing access to additional trip packages.

Problem:
The "View All" button in the Best Trip Packages section is not currently functional, preventing users from accessing an extended list of trip packages. This impacts the user experience and limits the exploration of available offerings.

Solution:
Identify and resolve the issue causing the non-functionality of the "View All" button. Update its functionality to redirect users to a dedicated page showcasing an extensive list of the best trip packages.

Bug - Asymmetric Design in Destination Section - Image Box Sizes

Issue Description
There is a design inconsistency within the Destination section where image boxes vary in size, leading to an asymmetric layout. To enhance the visual appeal and maintain a cohesive design, we need to address this issue by making the image boxes symmetric in size.
Screenshot 2024-01-11 at 12 21 57 AM
Proposed Changes
Standardize the size of image boxes within the Destination section for a uniform and balanced layout.
Adjust the dimensions of images or containers to ensure a symmetric presentation.
Additional Information
A symmetric design contributes to a polished and professional look, improving the overall user experience.
Test the changes across different screen sizes to guarantee responsiveness.
Let's work together to create a visually pleasing and consistent layout within the Destination section by addressing this design asymmetry.

[FEATURE REQUEST] Create a contact us form.

  • I wish to build a contact us form for your website that will be linked to the contact us button on the navbar.
  • it will be placed just above the subscribe section.
  • It will be linked to your gmail and users can directly mail you through your website without redirecting them to gmail.
  • I am willing to work on this feature, please assign this to me once the coding phase starts (JWOC'24). Thanks.
    @apu52

Contact1

This is somewhat how the form will look like, It will be customized according to your websites's theme and will be updated with your links
Screenshot 2024-01-11 144248

Add animation for best trip package images

  • The task involves implementing a visual enhancement for images on a website by adding a hovering effect.
  • When a visitor hovers their cursor over an image, a change in appearance, such as subtle animation, will occur.
  • This effect is intended to create a dynamic and interactive experience for users.
  • The goal is to make the website more engaging and visually appealing to the overall user interface.
  • Also uniformizing the sizes of image accordingly.
    Image

I request to be assigned for this issue.

Feature_Request:Add Favicon to Website(Enhancement)

Is your feature request related to a problem? Please describe.
The current version of the website is missing a favicon, which is a small but essential visual element that appears in the browser tab.
Steps to Reproduce
Open the website in a browser.
Observe the absence of a favicon in the browser tab.

Describe the solution you'd like
This enhancement aims to improve user experience and brand recognition by adding a distinctive favicon to the website.
Describe alternatives you've considered

alternate solution is current.

Demo Video/Screenshot (Ma
Screenshot 2024-01-16 at 1 05 54 AM
ndatory )

Are you contributing under any open-source program ?
Yes,Under JWOC.

Documentation

Is your Documentation related to a problem? Please describe.
No, my documentation is not solely related to a problem. It moreover an enhancement of the current project.

Describe the solution you'd like
Yes, I want to add a toggle switch, where on clicking on it, the entire website would change from light to dark theme and vice versa. The would also include change of font and button colors.

Prototype Screenshot/Demo Video(Mandatory )
Before clicking the toggle key :
Screenshot 2024-01-15 231716

After clicking the toggle key :
Screenshot 2024-01-15 233015

Its just a dummy, this change would be applied to entire website.

Are you contributing under any open-source program ?
No, this is my first.

create/ enhance Review page

Users can put their comments and reviews of a particular place they have been to, or if they have purchased a particular package they can share their experience.

Enhancement of destinations

I would like to add links to each destination to the places given explore top destination and enhance the book now button changing it's style

Screenshot 2024-01-16 212536
Please assign me this issue under jwoc'24

Implementing NFT Integration for Ticketing System in Travel Website

Implementing NFT Integration for Ticketing System in Travel Website

Issue Description

I propose integrating Non-Fungible Tokens (NFTs) into the travel website's ticketing system to enhance security, transparency, and user experience. NFTs can serve as unique digital tickets, reducing fraud, enabling secure ownership transfer, and opening new possibilities for loyalty programs and exclusive offers. This issue aims to explore the implementation of NFTs for ticketing, ensuring compatibility with popular wallets, environmental considerations, and seamless user interaction.

Objectives

  1. Ticket Authentication and Security:

    • Issue NFTs as digital tickets for flights, hotels, or other travel services.
    • Implement smart contracts for secure and automated ticket validation.
  2. Ownership and Transfer:

    • Enable users to buy, sell, or transfer travel tickets as NFTs securely.
    • Explore peer-to-peer transfer mechanisms using blockchain.
  3. Loyalty Programs:

    • Represent loyalty points or rewards as NFTs.
    • Allow users to trade, redeem, or use NFTs for future discounts.
  4. Dynamic Pricing and Auctions:

    • Implement dynamic pricing models and auctions for premium experiences.
    • Use NFTs for transparent and secure auction processes.

Feature_Request: Create a login page for the website

Is your feature request related to a problem? Please describe.
The travelers need to have a login ID and password for their track of Travel plans purchases
Describe the solution you'd like
Making a login and register page using HTML/CSS
Are you contributing under any open-source program ?
JWOC

Feature_Request{ Add a new booking page}

Is your feature request related to a problem? Please describe.
I would like to add a page for the book now button in the package trip section.

Describe the solution you'd like
In the page you get to enter your name number of people travelling and the destination that they want to travel to and other personal details.

Describe alternatives you've considered
Will make sure it gets all the personal details else we can add that to the contact us link.

Demo Video/Screenshot (Mandatory )
Screenshot 2024-01-17 07 54 46

Are you contributing under any open-source program ?
Assign me under jwoc'24

BUG : Make the Navbar Dynamic & Reasponsive

Describe the bug

Hello all,
The Navbar is not responsive at all . you can make it as a Responsive & dynamic & can add some CSS cool styling to it

Expected behavior

It will help all the users of the website to use this website well.

Screenshots (Mandatory)

image

Additional Context (Mandatory )

Comment down if you want to work on this issue. Whoever comments first with JWOC mentioned in it , I will assign the issue to her/him first.

Are you contributing under any open-source program ?

JWOC 2k24

Enhancement - Connect Contact Us Button to Admin's LinkedIn or Email

Issue Description
To improve the accessibility and responsiveness of the website, let's enhance the "Contact Us" button by connecting it directly to the admin's LinkedIn profile or email address. This will allow users to reach out to the administration more conveniently.
image

Proposed Changes
Implement a link in the "Contact Us" button that redirects users to the admin's LinkedIn profile or opens the default email client with the admin's email address pre-filled.
Ensure that the chosen method aligns with user preferences for communication.

Additional Information
A direct link to the admin's LinkedIn or email will streamline communication and enhance user experience.
Verify the admin's preferred contact method (LinkedIn or Email) before implementing the change.
Let's work together to make the "Contact Us" button more effective and user-friendly.

[STYLE]

Describe the bug
Style of Button want to change
Button is inside the textfield so we want to apply border-radius

Expected behavior
Button should have curve form right side of it

Screenshots (Mandatory)
image

Are you contributing under any open-source program ?
JW0C'24

Enhancement - Connect Contact Us Button to Admin's LinkedIn or Email

Issue Description
To improve the accessibility and responsiveness of the website, let's enhance the "Contact Us" button by connecting it directly to the admin's LinkedIn profile or email address. This will allow users to reach out to the administration more conveniently.
Screenshot 2024-01-11 at 12 03 41 AM

Proposed Changes
Implement a link in the "Contact Us" button that redirects users to the admin's LinkedIn profile or opens the default email client with the admin's email address pre-filled.
Ensure that the chosen method aligns with user preferences for communication.

Additional Information
A direct link to the admin's LinkedIn or email will streamline communication and enhance user experience.
Verify the admin's preferred contact method (LinkedIn or Email) before implementing the change.
Let's work together to make the "Contact Us" button more effective and user-friendly.

Bug - Asymmetric Design in Destination Section - Image Box Sizes

Issue Description
There is a design inconsistency within the Destination section where image boxes vary in size, leading to an asymmetric layout. To enhance the visual appeal and maintain a cohesive design, we need to address this issue by making the image boxes symmetric in size.
imageProposed Changes
Standardize the size of image boxes within the Destination section for a uniform and balanced layout.
Adjust the dimensions of images or containers to ensure a symmetric presentation.
Additional Information
A symmetric design contributes to a polished and professional look, improving the overall user experience.
Test the changes across different screen sizes to guarantee responsiveness.
Let's work together to create a visually pleasing and consistent layout within the Destination section by addressing this design asymmetry.

Feature_Request Add animation to 'Best Trip Package' Section

Is your feature request related to a problem? Please describe.
It is not a problem. It will help to make the website more engaging and enhance the overall user experience.

Describe the solution you'd like

  • Adding animation to the images present in 'Best Trip Package' section.
  • Whenever user places the cursor on the image it will present highlighted animation giving a better visual appearance.
  • Also making all the images of uniform size.

Demo Video/Screenshot (Mandatory )
Image

Are you contributing under any open-source program ?
Yes I want to work on this issue under JWOC.

Feature_Request : Create Review/ Testimonials Section

Is your feature request related to a problem? Please describe.

Website contains a review button in navbar. I want to rename it as testimonials and create a testimonials section linked to that button

Describe the solution you'd like

create a testimonials section

Describe alternatives you've considered

will make sure that it follows theme of the website

Demo Video/Screenshot (Mandatory )
Screenshot 2024-01-16 021202

Are you contributing under any open-source program ?

JWOC'24

New feature: Add a Trip Photo Gallary to the Travel Website and Connect the page to "View All" button

I would like to make the Travel Website more informative and engaging by adding a Beautiful new Photo Gallary page linked to the "View All" button on the landing page:
issue1_photo_gallary

Objective of this Issue:
I belive that providing a beautiful and diverse Gallary of Trip photos would significantly enhance the User experience and inspire Potential holiday goers to book a vacation to any suitable destination and also help users decide the right destination for their next trip.

Proposed Changes:
I propose adding a new HTML page to the project folder which could be accessed from the Landing page via the "View All" button. This page would contain a Navbar similar to the one in the landing page (or even the same one) along with the same footer. For the gallary I would use cards to display vibrant photos from various trips to different parts of the world. Care should be taken to ensure that selection of Trip photos is diverse and reflects the Website's theme of finding one's Perfect Getaway and Discovering the World's Best Kept Secrets.
It would also be good if the set of photos are changes routinely as it would keep the webpage Fresh and Interesting.

Add "Go to Top" Button Feature

The current version of the website lacks a "Go to Top" button, which can enhance user experience by providing a convenient way for visitors to quickly navigate back to the top of the page, especially on longer pages.

Problems:
User Navigation Difficulty:
Without a "Go to Top" button, users may find it inconvenient to manually scroll back to the top, especially on lengthy pages.

Describe the solution you'd like

Solution:
Adding a "Go to Top" button provides a simple and user-friendly solution for quick navigation to the top of the page.

Demo Video/Screenshot (Mandatory )
image
image

Feature_Request : Top destination slider

Is your feature request related to a problem? Please describe.
In the Explore top destinations section of websites, there are arrow slide buttons that are not working and images aren't aligned that look cool in the website preview.

Describe the solution you'd like
I will make the slide arrow buttons work by adding a slideshow of images having the same characteristics just images revolving in the section of 3 images and images will be of the same height and width increasing user impact over the website.

Describe alternatives you've considered
I have considered a slideshow of pics so new images can be added easily and they also look cool.

Demo Video/Screenshot (Mandatory )

JSOC.ISSUE.mp4

image

Are you contributing under any open-source program ?
Yes under JWOC I am contributing as mentee.

New community contibutors banner

Is your feature request related to a problem? Please describe.
No.

Describe the solution you'd like
I want to present a new community contibutors banner for this repo

Demo Video/Screenshot (Mandatory )

COMMUNITY.CONTRIBUT.mp4

Are you contributing under any open-source program ?
no

Feature_Request : Make the Website Responsive

Is your feature request related to a problem? Please describe.

Hello All ,
You can make the website responsive for all the devices.

Describe the solution you'd like

It will help all the users to use this website in any of their devices

Describe alternatives you've considered

You may use @Keyframes or CSS preloader

Demo Video/Screenshot (Mandatory )

Attach the responsive photos in the comments

Are you contributing under any open-source program ?

JWOC 2k24

Add "Go to Top" Button Feature

The current version of the website lacks a "Go to Top" button, which can enhance user experience by providing a convenient way for visitors to quickly navigate back to the top of the page, especially on longer pages.

Problems:
User Navigation Difficulty:
Without a "Go to Top" button, users may find it inconvenient to manually scroll back to the top, especially on lengthy pages.

Describe the solution you'd like

Solution:
Adding a "Go to Top" button provides a simple and user-friendly solution for quick navigation to the top of the page.

Demo Video/Screenshot (Mandatory )
Screenshot 2024-01-13 at 10 42 04 PM
Screenshot 2024-01-13 at 10 42 33 PM
Screenshot 2024-01-13 at 10 42 04 PM

JWOC

🚨⚠️NEW ISSUE WELCOME(JWOC 2k24) 🔔🌟

Now , you all can make any NEW issues you want to work on this REPO

That maybe includes

  • Bug fixing
  • Enhancement
  • Documentation

Just Properly fill out the Issue with issue templates & don't forget to mention JWOC 2024 in it.

Title: Enhancement - Make Navbar Dynamic with HTML Bookmarks

Issue Description
I would like to enhance the current navigation bar by making it dynamic using HTML bookmarks. The goal is to improve user experience and navigation within the website.
Screenshot 2024-01-10 at 11 58 57 PM

Proposed Changes
Utilize HTML bookmarks to dynamically generate navigation links in the navbar.
Ensure that the navbar reflects the structure of the HTML document, allowing users to easily navigate to different sections.
Additional Information
Current navigation might be static and manual. This enhancement aims to automate the process and make it more user-friendly.
The implementation should consider the structure of the HTML document and generate links accordingly.

Enhancing Navbar

Is your feature request related to a problem? Please describe.
Due to no background color for the navbar , when we scroll the website it is kinda not visible and so enhancement of navbar is required.

Describe the solution you'd like
Change background color of the navbar.

Demo Video/Screenshot (Mandatory )
Screenshot 2024-01-16 153844

Are you contributing under any open-source program ?
I am contributing under JWoC 24

Please assign me this issue

BUG : Alignment Problems

Describe the bug

Hello everyone,
I have noticed some Alignment problems in the website

Expected behavior

I want to make it properly aligned to the website that will help users to use it

Screenshots (Mandatory)

Make this properly Right Aligned
image

Make this properly left aligned
image

Make it full screen as it's occupying very small padding in the website
(N.B: Don't make any change in other button codes)

image

Make this properly left aligned
image

Additional Context (Mandatory )

Whoever will comment first on this issue with JWOC mentioned on it I will assign this issue to her/him

Are you contributing under any open-source program ?

JWOC'24

Navigation Links Not Redirecting to Sections

Describe the bug
Clicking on the navigation links in the website header does not result in the expected redirection to the respective sections. The href attributes for the navigation links are currently set to "#", preventing proper navigation.

Expected behavior
Clicking on each navigation link should smoothly scroll to the corresponding section on the page.

**Screenshots **
image
here even after clicking on 'Destination,' the page still does not redirect to the 'Destination' section.

**Additional Context **
I can resolve the navigation issue by updating the href attributes of the navigation links to match the IDs of the target sections. This adjustment will ensure proper redirection when users click on the links.

Are you contributing under any open-source program ?
I'm contributing under JWOC'24

BUG

Describe the bug
<The contact us section of this page coincides with the nav section when visited through the contact us nav link/button, in 900px and above>

Expected behavior
<There should be some space in between the nav section and (contact us) body/elements>

Screenshots (Mandatory)
Screenshot (477)

Additional Context (Mandatory )
<The contact section is working fine in <900px but needs some adjustments in and above 900px>

Are you contributing under any open-source program ?

login/signup page creation

login/signup page for maintaining travel history and past bookings with the site. it can also store the personal info required if user makes a booking

Feature_Request : Create a contact us form/section

Is your feature request related to a problem? Please describe.
Website consists of a contact us button, but its not linked to anything. I want to build a contact us form and link it to that button. So please assign this issue to me.

Describe the solution you'd like
i would like to build a similar looking contact us form which will be used for people to mail you directly from the website without leaving the website
Screenshot 2024-01-14 201502

Describe alternatives you've considered
feature : people can mail you directly using this form
validation check : it will check if people dont enter junk values in the input fields. eg. attatched below
Screenshot 2024-01-14 204207

Demo Video/Screenshot (Mandatory )
Screenshot 2024-01-14 201502
Are you contributing under any open-source program ?
JWoC 2024
I would consider this as a medium level issue, so please add the necessary labels.

[FEATURE REQUEST] Add an AI Chatbot

  • I am willing to add an AI Chatbot to the website that will be fully trained on websites data.

  • it can answer any question related to data that is available on the website.

  • User can directly ask various questions like "whats the price of the travel package for Paris?".

  • A chatbot button will be added at bottom right corner of the website and on clicking it will open in a window whre further interaction can take place.

  • I an willing to work on this issue and want you to assign this to me once the coding phase starts. Thanks.

  • Chatbot will look somewhat like this.
    Screenshot 2024-01-11 171948

Feature_Request: Add a Trip Photo Gallary to the Travel Website

Is your feature request related to a problem? Please describe.
I would like to enhance the Travel Website's user experience by introducing a captivating Photo Gallery page connected to the 'View All' button on the landing page. Currently, the 'View All' button in the Trip Gallery section is inactive, providing no avenue for visitors to explore potential travel destinations. As a result visitors of the site have no choice for exploring the places which they're interested in travelling to for their next destination. By implementing this change, users will have a visually appealing and informative gallery to browse, fostering engagement and assisting them in choosing their next destination."

Describe the solution you'd like
To enhance user engagement and inspire vacation bookings, I propose adding a visually appealing Trip Photo Gallery page accessed through the "View All" button on the Landing page. This new HTML page will feature a consistent Navbar and footer, displaying diverse trip photos in cards. The curated selection aligns with the website's theme, aiding users in discovering their Perfect Getaway and the World's Best-Kept Secrets.
Another consideration is implementing a dynamic approach by randomly selecting photos from a curated collection for the Gallery. This would introduce an element of surprise and variety for users. Additionally, I propose incorporating a "Refresh" button in the Gallery, allowing users to shuffle and explore different sets of trip photos at their convenience.

Describe alternatives you've considered
Another solution considered was implementing a sliding carousel for the Photo Gallery, providing a visually appealing user experience. However, this alternative imposes limitations on the number of photos that can be displayed, which is not ideal for showcasing the desired diversity and range of trip destinations.

Demo Video/Screenshot (Mandatory )
This is the View All button which I intend to implement:
issue1_photo_gallary
The gallary would look something like this:
issue1_photo_gallary2

Are you contributing under any open-source program ?
I would like to contribute to this issue under JWOC.

Feature_Request Add responsive logos to navigation bar which will be adjustable to different screen sizes

Is your feature request related to a problem? Please describe.
The existing website does not contain the navigation bar on reduced screen sizes i.e. mobile phones.

Describe the solution you'd like

  • Add navigation bar that will be visible to reduced screen sizes i.e. for mobile phones as well.
  • Also make the navigation bar responsive by adding logos instead of the contents when the screen size is reduced.

Demo Video/Screenshot
The following screenshot describes the existing navigation bar on mobile phones:
Image

Are you contributing under any open-source program ?
Yes under JWOC I am contributing as mentee.

Title: Enhancement - Connect "MyStory" Video Button to Relevant YouTube Video

Issue Description
To enrich the user experience and provide engaging content, let's enhance the "MyStory" video button by connecting it to a relevant YouTube video that aligns with the current content. This will offer users an insightful and entertaining video related to the website's theme.
Screenshot 2024-01-11 at 12 15 41 AM

Proposed Changes
Integrate a link in the "MyStory" video button that redirects users to a carefully chosen YouTube video matching the content of the website.
Ensure that the selected video provides value and complements the overall theme and purpose of the website.
Additional Information
A relevant and engaging video can captivate users and keep them connected to the website.
Consider updating the linked video periodically to keep the content fresh and interesting.
Let's collaborate to make the "MyStory" video button a compelling feature for users to explore and enjoy.

Add a carasoul slider after navabar .

Screenshot 2024-01-16 233018

I am writing to formally request a grant for the integration of a carousel slider , aimed at enhancing the user experience for travelers. The carousel slider will efficiently showcase travel destinations and information in a concise and visually appealing manner, promoting engagement and accessibility.

Please assign me this issue under jwoc 2024

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.