harshvardhansb / tourguide Goto Github PK

Home Page: https://harshvardhansb.github.io/TourGuide/

License: Creative Commons Zero v1.0 Universal

HTML 86.81% CSS 10.51% JavaScript 2.51% Dockerfile 0.17%

hacktoberfest html-css-javascript javascript open-source contribution css hacktoberfest-accepted vanilla-javascript easy hacktoberfest2023 hacktoberfest2023-accepted web webdevelopment webproject

tourguide's Introduction

TourGuide 🖼️ ( OpenSourced for Hacktoberfest 2023 )

Star ⭐ the repository if you liked it!

A simple application made using HTML, CSS, JavaScript.

How you can Contribute?

There is always something to contribute for everyone. In this project, you can add your favourite place to visit as a card to the website! Or maybe you don't like the line that you are reading right now and want to change it! Well, why not?

We appreciate all kinds of contributions from core-code contributions to non-code contributions like fixing the site, suggesting a feature, raising an issue, etc.

How to Contribute?

Contributing to TourGuide is a cake-walk as long as you follow the steps below 😉

Choose a destination whose card you want to contribute, make sure it's not there on the site yet
Fork the repository
Download that place's image and upload it to the images folder. Make sure you provide a valid name to your image file

Copy the Card template code given below & fill in the information as directed

Note: Copy & paste the entire code as it is after filling the details of the character! 🙅‍♂️Atmost 3 cards in a row .Create a new row if you want to add more🙅‍♀️

    <div class="image">
       <img src="images/[Your Image]" alt="">
          <div class="details">
             <h2>[Final Destination's Name] <span>[City or State Name]</span></h2>
             <p>[Add some Info aout the place not more than 30 words] </p>
              <div class="more">
                 <a href="[add a link which have more details about the place]" class="read-more">Read <span>More</span></a>
                 <a href="[add a link directing to its location]" class="read-more">See <span>Location</span></a>
               </div>
          </div>
    </div>

Paste the edited template code into the index.html file just below the last added card !

Please notice if three images are already added in a row create a row class and add into that

   <!--image row start-->
   <div class="row">
        [Add your card here then ]
    </div>
   <!--image row end-->

Each row div contains 3 image cards.
Sync your Fork & then create a Pull Request. If there are any conflicts with the main branch then resolve them first.
```
title: Name of the place added
description: Issue no: #[Issue no here] (for adding a new place its #4)
```

That's it, you have successfully contributed to tourGuide. Your Place will appear on the site within minutes of your PR getting merged 🖇️

OUR AMAZING CONTRIBUTORS 🧑‍💻👩‍💻

Maintained with ♥️ Harsh Vardhan

tourguide's People

Contributors

Stargazers

Watchers

Forkers

harshisdead kanikasingh0 raavan07 anupgupta09 adarsh1114 shivam04099 hackerman321 sonalirao14 gilangkharisma im-anahata nihshesh hitarthraval chinmayee3 mgaditya-er sanketkale99 tejeswar68 harshddalwadi das-amit heza-ru kumarshivam382 aniketsingh947 saha-rj anshupathak-88825 rimjhim20 krishkumar3004 anim3shsinha rachit-bharadwaj chaudhary-99 matteomarrass bhargavm123 divisha6 aarav238 saikatssd anurag-4508 danuragtiwari kushalpareek vaishnavi-nawghare its-kundan rbeaujon disha2004verma abhishek-verma75230 arpanpeter shreyaporwal19 pratikshaekbote vikastripathi707 zugzwang03 mohitnamdev22 vanshiii203 nikzayn akshayrai14 nakul010 prakashgatiyala akash190104 swadeshit27 dmanocha464 thecyberera shar2040 divya-nshi anonymous372 sbhmrj prynshu rushiikudapane amol-gits manoj8861 bbhupen sypher0dronzer typical-techno amitdhiman5086 anju-narnolia sahilnagpure07 kbhushan07 kritikashrmaa hemanthhari2000 shibs-01 vd89 ankit071105 nishthax pranavnk15 shubhjaiswal02 sankalpg38 akash7649 himanshuch8055 bhavsarhem arun-raghav-s akash6565 pmorey22 mohit-0918 priyanshu-su30 shubhamraj01 rituraj12797 kprathamesh-27 aditi1807 anniedebbie pratap360 jai-marothiya harrishdev abhay-raj19 the-hdr shreyaprasad02 tanishka-22

tourguide's Issues

Add icon to back to top button and also make it smooth scroll

pls assign me this issue

Slider text Not visible

The information written on the main slider is not visible. I'll enhance by changing the style a bit and make it easy to read.

Assign me this and add Hacktoberfest and Hacktoberfest-accepted label.

Bug : One card(Nalanda) background not visible

Create Better image slider than what exist

u could edit the existing one also

Add a search bar to the page

Scroll bar bg. color

Scroll bar's background color should change with change in theme . and should also have same color as other page .
also try to add same js to make it smooth transition while changing with theme button .
Note: plz send a short video for review before pr

feat : Center the text of copyright part

The copyright part in the footer is not positioned center .

It is slightly alligned to left side. By center this , it would look perfect.

Some elements have wrong info and 4 places in a row

One of the Row contains two elements, div tags are inter-mixed

Creating a contact us page

I would like to create a contact us page

i want to add hover transition on city card

This will give a enchanced experience to users

move theme changer button to header and remove move to top button

Location anchor in the Element template in ReadMe

There's a need of anchor tag specifying location in the template given in readme...

Add theme changer

pls assign me this issue

Designing a logo for the website

I would like to design a logo for the website

Embed Location map

Hey, @harshvardhansb I want to embed a map in a few tourCard. It will help to see the exact location of the place.
Assign me this issue.

Website icon is not visible

If you want I can add an icon for website.
Kindly assign this issue to me

On mouse hover over social media Icon, It should show App Title.

I have done the mouse-hover over social media Icon at footer. It's not displaying the Social_Media_App Name.

Example: If user mouse-hover over Instagram, it should display Instagram.

I want to add title property in anchor tag to fix this.
For example:
<a href="https://www.instagram.com/harshvardhansb/" target="_blank" title="Instagram"> <i class="social-icon fa-brands fa-instagram"></i></a>
Hi @harshvardhansb I want to work on this issue. Can you assign it to me?

BUG : Fix the image of the Barabar Hills

The image of the Barabar Hills is not visible due to some code error. I can fix that under hacktoberfest'22, if assigned.

Image Slider

Replace the current image slider with something better and it should be responsive too.
Don't change the text and image*.

You can change images iff you get a better one in place of them

Image is not showing properly

Image of a particular card is not showing properly.
See Image 👇

Contact US Form

You can also change the UI but it should function properly ....

Add some cards

If u can add some Places to Visit cards plz do
I won't assign this...
to do that just read README file ...all the details are there

Want to make two buttons that will move user from top to bottom and bottom to top without doing scrolling , like making "Go back to top of page" button .

Email Icon link is broken at Footer

When I clicked on Email icon link, It is redirected to a broken link:

Ideally, It should Open the Email App if users click on it.
I want to fix this issue.
Hi @harshvardhansb I want to work on this. Can you assign it to me.

Previous button should be disable when we're at first page

Add an Image slider

An image slider is already present on the webpage u can modify that or could create a new from scratch ......
Plz try to create a minimal and elegant looking slider with smooth effects....

Adding some images in himachal

Text isn't visible properly on pagination

Location is missing for some Places

Images for both New Delhi cards are not fitted fine.

correct the paging code javascipt is alright just some bug in html file

find what causing the error as all cards apearing in same page .....it was working until last few cards contribution to the html file....

may be some open and closing div are miss matched

Add a cool slider to Website

The icons for light and dark mode are opposite, for dark it must be moon and for light it must be sun

A gradient styling will make the background more stylish and attractive, if you assign me i can do this

Add tourism in Maharashtra

Maharashtra comes with great history and tourist places visited by lacks of tourists across the globe. I'd like to add them to TouristGuide.
Please let me know your opinions on this issue :)

Problem in Responsiveness of the website

This blue bar is not looking good.
I would like to solve this

Modify the social icons in the footer

The social icons in the footer do show scaling effect on hovering, but I wanted to add some color changes on them too. Like the Facebook icon can take up the blue color on hovering, and Gmail icon red, it will look attractive, and make it easier to catch up the attention of the viewers.

The position of image slider should be centered.

Another thing when i was added my image card code, the image cards at the bottom don't change is that supposed to happen or is it an error ?

Changing image position

Changing the position of image to the center. Assign this to me!!

Header

Without header website is incomplete. i can add a beautiful header to your website which will match the website design.
please @harshvardhansb assign this task to me

Add custom Scrollbar

Hey, please assign it to me, i want to work upon this.
I will upload proper screenshots or GIFs during PR, so that you can judge easily.
Thank you!

Add navbar in your website

BUG : Contact form section is not visible in Dark Mode

You Can spot this issue in dark mode on website
Steps to See :

Go to Website
Click on the Dark mode button
Now click on the "Contact us form"
then You Can see Contact us Section text Disappeared in Dark mode

I solved this issue please assign it to me.

Put theme changer Icon inside square

Image cards row-div

Since a row div can contain only 3 image-card div .....and it was also clearly mentioned in readme file still many student add them in incorrect format .....
if you can find any row with not equal to 3-image card (except the last row) in desktop mode of web page .....
try to correct it........

Note ->> every 3 image div are packed inside a div with class row