Gatsby Starters & Templates Logo Gatsby Starters & Templates
Tourism Hampi screenshot

Tourism Hampi

Author Avatar Theme by Hesbon osoro
Updated: 5 May 2025
12 Stars

Hampi Tourism site: React, Gatsby, Node, GraphQL, Contentful CMS, Formspree,

Github Live Preview

Categories

Express React Styled components

Overview:

Hampi Tourism site is a blog site designed to provide information and insights about the Hampi tourist destination in India. It utilizes various technologies such as JavaScript, React for frontend development, Gatsby as a static site generator, and Node.js for backend support. The site also incorporates Contentful CMS for storing images and posts, Formspree for sending emails, and GraphQL for querying data from Contentful CMS.

Features:

  • Interactive Demo: The site offers an interactive demo showcasing the features and highlights of the Hampi tourist destination.
  • About Section: Provides detailed information about Hampi, its history, culture, and tourist attractions.
  • Featured Places: Highlights the top tourist spots in Hampi with descriptions and photographs.
  • Places Section: Contains detailed information about various places to visit in Hampi along with their historical significance and tourist recommendations.
  • Blog: Offers a blog section with articles and travel guides about Hampi, providing valuable insights for tourists.
  • Photos: Includes a gallery of stunning photographs capturing the beauty and essence of Hampi.
  • Contact: Provides a contact form for users to reach out and inquire about Hampi or the tourism site.

Installation:

To install the Hampi Tourism site theme, you can follow these steps:

  1. Clone the repository from GitHub.
  2. Install the required dependencies by running the following command in your terminal:
    npm install
  3. Create an account on Contentful CMS and get your API keys.
  4. Create a .env file in the root directory of the project and add the following environment variables:
    CONTENTFUL_SPACE_ID=YOUR_CONTENTFUL_SPACE_ID
CONTENTFUL_ACCESS_TOKEN=YOUR_CONTENTFUL_ACCESS_TOKEN
  5. Start the local development server using the command:
    npm start
  6. Access the site in your browser at http://localhost:8000.

Summary:

The Hampi Tourism site is a comprehensive blog site that serves as a valuable resource for tourists interested in visiting Hampi in India. It utilizes various technologies and features an interactive demo, detailed information about Hampi, top tourist spots, a blog, photo gallery, and contact form. The installation process involves cloning the repository, installing dependencies, and configuring Contentful CMS API keys. Overall, the Hampi Tourism site offers a user-friendly and informative experience for potential visitors to Hampi.